/* BASIC css start */
/* °ψΕλ */
section{margin-bottom:100px}
section .sec_inner{width: 1200px; margin: 0 auto;}
section h2{ font-size: 25px; font-weight: 500;text-align: center;}


/* sec1 */

#sec1{width: 100%;position: relative;}
#sec1 .swiper{width: 100%;.5s}
#sec1 .swiper-wrapper{width: 100%; }
#sec1 .swiper-slide{ width: 100%; }
#sec1 .swiper-slide img{width:100%;}
#sec1 .swiper_btn_prev{ position:absolute; left:20% !important; top:50%; transform:translateY(-50%); z-index:4; cursor:pointer}
#sec1 .swiper_btn_next{position:absolute; right:20%  !important; top:50%; transform:translateY(-50%);z-index:4; cursor:pointer}
#sec1 .swiper-pagination{transform:translateY(-20px)}
#sec1 .swiper-pagination-bullet{background-color:#fff !important; margin:0 7px}

/*sec2*/
#sec2{width: 100%;}
#sec2 h2{margin-bottom: 30px;}
#sec2 .sec2_prd ul:after{display:block; clear:both; content:'';}
#sec2 .sec2_prd ul li{float:left; width:384px; margin:0 24px 24px 0;}
#sec2 .sec2_prd ul li:nth-child(3n){ margin-right:0;}
#sec2 .sec2_prd ul li img{width:100%;}

/* sec3 */

#sec3{height: 690px; width: 100%;background-color: #fafafa;}
#sec3 .sec_inner{padding: 90px 0 100px; }
#sec3 h2{margin-bottom: 30px;font-weight: 500;}
#sec3 h2 span{letter-spacing: -1px; font-weight: 700; font-size:22px}
#sec3 .sec3_prd{width: 100%; height: 430px;  position: relative;}
#sec3 .sec3_prd .videoWrapper{float: left; width:776px;}
#sec3 .sec3_prd .videoWrapper video{width:100%;}
#sec3 .sec3_prd .prd_sec{float: right;width: 405px;  height: 100%;}
#sec3 .sec3_prd .prd_sec .swiper{ height: 100%;}
#sec3 .sec3_prd .prd_sec .swiper>ul{height: 100%;}
#sec3 .sec3_prd .prd_sec .swiper>ul>li{width: 405px !important; height: 200px !important;}
#sec3 .sec3_prd .prd_sec .swiper>ul>li .tumb{float: left;height: 200px; width: 200px; position:relative;}
#sec3 .sec3_prd .prd_sec .swiper>ul>li .tumb a{display: block;width: 100%; height: 100%;}
#sec3 .sec3_prd .prd_sec .swiper>ul>li .tumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec3 .sec3_prd .prd_sec .swiper>ul>li .tumb a.optionPrev{position:absolute; width:40px;height:40px;bottom:10px;right:10px;}
#sec3 .sec3_prd .prd_sec .swiper>ul>li .info{float: left; height: 100%; width: 205px; background-color: #fff;padding: 50px 30px;display:flex; justify-content:center; flex-direction:column}
#sec3 .sec3_prd .prd_sec .swiper>ul>li .info p{margin:6px 0}
#sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdcolor{padding-top:2px}
#sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdcolor span{width:11px; height:11px; display:inline-block; border:1px solid #eee;  border-radius:3px}
#sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdname{ font-size:15px; color:#222;font-weight:500; }
#sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdetc{ color:#bbb; font-size:13px;  width:80%; margin:0 auto 8px}
#sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdprice{}
#sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdprice .price{font-size:16px; color:#000; font-weight:600;letter-spacing:-.8px}
#sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdprice strike{font-size:16px; color:#bfbfbf; display:inline-block; margin-left:5px;font-weight:500;letter-spacing:-.8px}



/* sec4 */
#sec4{width: 100%;}
#sec4 .sec_inner{margin-bottom:100px;}
#sec4 h2{margin-bottom: 30px;}
#sec4 h2 a{ font-size: 12px; float:right; margin-top: 15px;color:#999;font-weight:600}
#sec4 h2 a img{display: inline-block; margin-left: 5px;}
#sec4 .swiperBox{position:relative;}
#sec4 .sec4_prd.swiper{ position:static; }
#sec4 .swiper_btn_prev{ position:absolute; left:-100px !important; top:50%; transform:translateY(-50%); z-index:4; cursor:pointer}
#sec4 .swiper_btn_next{position:absolute; right:-100px  !important; top:50%; transform:translateY(-50%);z-index:4; cursor:pointer}


/* sec5 */

#sec5{}
#sec5 h2{margin-bottom: 30px;}
#sec5 h2 a{ font-size: 25px; font-weight: 500;text-align: center;}
#sec5 h2 a img{display: inline-block; margin-left: 3px; transform: scale(.9); margin-top: -5px;}
#sec5 .sec5_banner{margin: 0 auto; max-width: 1920px;}
#sec5 .sec5_banner .swiper{}
#sec5 .sec5_banner .swiper ul{}
#sec5 .sec5_banner .swiper ul li{width: 535px; height: 350px; background:no-repeat center center; background-size: cover;}
#sec5 .sec5_banner .swiper ul li a{display: block; width: 100%; height: 100%; padding: 15px;}
#sec5 .sec5_banner .swiper ul li a p{color: #fff; font-size: 17px; letter-spacing: -.5px;}
#sec5 .swiper-slide{transform: scale(.9);opacity: .45;transition: all .4s;}
#sec5 .swiper-slide.swiper-slide-active{opacity: 1 !important; transform: scale(1);}
#sec5 .swiper_btn_prev{position: absolute; top: 50%; transform: translate(-430px,-50%); left: 50%;z-index: 10;cursor: pointer;}
#sec5 .swiper_btn_next{position: absolute; top: 50%; transform: translate(430px,-50%); right: 50%;z-index: 10; cursor: pointer;}


/* sec6 */

#sec6{padding-top:20px}
#sec6 h2{margin-bottom: 30px;}
#sec6 .sec6_cate{}
#sec6 .sec6_cate ul{text-align: center;}
#sec6 .sec6_cate ul li{display: inline-block; margin: 0 3px;}
#sec6 .sec6_cate ul li a{padding: 9px 20px; border-radius: 70px; font-size: 12px;color: #ccc;background-color: #f5f5f5;transition:all .3s}
#sec6 .sec6_cate ul li.on>a{background-color: #a79d90; color: #fff;}
#sec6 .sec6_prd{width: 100%; margin-top: 40px;}
/*#sec6 .sec6_prd ul{width: 100%; display: flex; flex-wrap: wrap;}
#sec6 .sec6_prd ul li{margin-right: 24px;margin-bottom: 24px;position: relative;width: 282px; height: 384px;}
#sec6 .sec6_prd ul li:nth-child(4n){margin-right: 0 !important;}*/
#sec6 .sec6_prd{}
#sec6 .sec6_prd>div{display: none;}
#sec6 .sec6_prd>div.show{display: block;}
#sec6 .swiperBox{position:relative;}
#sec6 .swiper{ position:static; }
#sec6 .swiper_btn_prev{ position:absolute; left:-100px !important; top:50%; transform:translateY(-50%); z-index:4; cursor:pointer}
#sec6 .swiper_btn_next{position:absolute; right:-100px  !important; top:50%; transform:translateY(-50%);z-index:4; cursor:pointer}


/* BASIC css end */