/* BASIC css start */
/* °ψΕλ */
section{margin-bottom:70px}
section.mb0{margin-bottom:0}
section.mb30{margin-bottom:30px}
section .sec_inner{width:85%; margin: 0 auto;}
section h2{font-size: 18px; font-weight:400;text-align: center;color:#222;letter-spacing: -.2px;}


/* sec1 */

#sec1{width: 100%;position: relative;}
#sec1 .swiper{width: 100%;}
#sec1 .swiper-wrapper{width: 100%; }
#sec1 .swiper-slide{ width: 100%; }
#sec1 .swiper-slide img{width:100%;}

#sec1 .swiper-pagination{transform:translateY(-20px); color:rgba(255,255,255,.7); text-align:right; padding-right:10%}
#sec1 .swiper-pagination-bullet{background-color:#fff !important; margin:0 7px}
#sec1 .swiper-pagination-current{color:rgba(255,255,255,1); font-weight:bold}

/* sec2 */
#sec2{ padding:0 15px;}
#sec2 ul:after{display:block; content:''; clear:both;}
#sec2 ul li{float:left;width:calc(25% - 7.5px);margin-right:10px;}
#sec2 ul li:nth-child(4n){margin-right:0;}
#sec2 ul li img{display:block;width:100%;margin-bottom:15px;}
#sec2 ul li span{display:block;text-align:center;font-size:14px;}


/* sec3 */
#sec3{ width: 100%;background-color: #f5f5f5; margin-top:86px; border-radius:50px 50px 0 0 }
#sec3 .sec_inner{padding: 70px 0 80px; }
#sec3 h2{margin-bottom: 35px;font-weight: 400;}
#sec3 h2 span{letter-spacing: -1px; font-weight: 600; font-size:17px}
#sec3 .sec3_prd{width: 100%;}
#sec3 .sec3_prd .videoWrapper{margin-bottom:10px}
#sec3 .sec3_prd .videoWrapper video{width:100%;}
#sec3 .sec3_prd .prd_sec{}

#sec3 .sec3_prd .prd_sec>ul{}
#sec3 .sec3_prd .prd_sec>ul>li{background-color: #fff;display:flex; align-items:center}
#sec3 .sec3_prd .prd_sec>ul>li:first-child{border-bottom:1px solid #eee}
#sec3 .sec3_prd .prd_sec>ul>li .tumb{position:relative; float: left;width:45%}
#sec3 .sec3_prd .prd_sec>ul>li .tumb a{display: block;width: 100%; }
#sec3 .sec3_prd .prd_sec>ul>li .tumb a img{width: 100%;  object-fit: cover;}
#sec3 .sec3_prd .prd_sec>ul>li .tumb a.optionPrev{position:absolute;width:30px;height:30px;bottom:10px;right:10px;}
#sec3 .sec3_prd .prd_sec>ul>li .info{width:55%;float:right; display:flex; justify-content:center; flex-direction:column; height:auto; padding:0 15px}
#sec3 .sec3_prd .prd_sec>ul>li .info p{margin:4px 0}
#sec3 .sec3_prd .prd_sec>ul>li .info .prdcolor{padding-top:2px}
#sec3 .sec3_prd .prd_sec>ul>li .info .prdcolor span{width:11px; height:11px; display:inline-block; border:1px solid #eee;  border-radius:3px}
#sec3 .sec3_prd .prd_sec>ul>li .info .prdname{ font-size:14px; color:#242424;font-weight:400;letter-spacing:-.8px }
#sec3 .sec3_prd .prd_sec>ul>li .info .prdetc{ color:#bbb; font-size:13px;  width:80%; margin:0 auto 8px;font-weight:400;}
#sec3 .sec3_prd .prd_sec>ul>li .info .prdprice{}
#sec3 .sec3_prd .prd_sec>ul>li .info .prdprice .price{ font-size:14px; color:#242424; font-weight:600;letter-spacing:-.8px}
#sec3 .sec3_prd .prd_sec>ul>li .info .prdprice strike{ font-size:14px; color:#bfbfbf; display:inline-block; margin-left:5px;font-weight:400;letter-spacing:-.8px}

/* sec4 */

#sec4 > div{margin-bottom:60px;}
#sec4 h2{position:relative}
#sec4 h2 a{ font-size: 12px;color:#999;font-weight:600;position:absolute; right:4%; top:50%; transform:translateY(-50%); letter-spacing:-.2px}
#sec4 h2 a img{display: inline-block;vertical-align: middle;transform:translateY(-1px) scale(.8); margin-left:3px}
#sec4 .sec4_prd{width: 100%; margin-top: 35px;}
#sec4 .sec4_prd ul{width: 100%; }
#sec4 .sec4_prd ul li{}



/* sec5 */

#sec5{}
#sec5 h2{margin-bottom: 30px;}


#sec5 .sec5_banner{margin: 0 auto; width:100%}
#sec5 .sec5_banner .swiper{padding-left:5%}
#sec5 .sec5_banner .swiper ul{width:100%; }
#sec5 .sec5_banner .swiper ul li{width:85%; }
#sec5 .sec5_banner .swiper ul li a{display: block; width: 100%;position:relative}
#sec5 .sec5_banner .swiper ul li a img{width:100%}
#sec5 .sec5_banner .swiper ul li a p{color: #fff; font-size: 13px; letter-spacing: -.5px; position:absolute; top:14px; left:15px}
#sec5 .swiper-slide{}


/* sec6 */
#sec6{padding-top:20px}
#sec6 h2{margin-bottom: 30px;}
#sec6 .sec6_cate{}
#sec6 .sec6_cate ul{text-align: center; width:95%; margin:0 auto}
#sec6 .sec6_cate ul li{display: inline-block; margin: 0 2px;line-height:3.4}
#sec6 .sec6_cate ul li a{padding: 6px 12px; border-radius: 70px; font-size: 11.5px;color: #ccc;background-color: #f5f5f5;transition:all .3s; font-weight:400}
#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:}

#sec6 .sec6_prd{}
#sec6 .sec6_prd>div{display: none;position:relative}
#sec6 .sec6_prd>div.show{display: block;}

#sec6 .item-list.swiper-slide{width:auto;float:none;}

/* sec7 */
#sec7 .sec7_banner{margin-top:35px;}
#sec7 ul:after{clear:both;content:'';display:block;}
#sec7 ul li{float:left; width:calc(50% - 5px); margin-right:10px; margin-bottom:10px;}
#sec7 ul li:nth-child(2n){margin-right:0;}
#sec7 ul li img{display:block;width:100%;}


/* BASIC css end */