@charset "utf-8";

.main .sec1 {position:relative;}
.main .sec1 .main_slider {display:flex;}
.main .sec1 .main_slider .items {width:100%}

.main .sec1 .main_slider_copy {visibility: visible !important; overflow:visible !important; position:absolute; left:0; bottom:-57px; width:89%; background:#fff}
.main .sec1 .main_slider_copy .copy_box .items {position:relative; text-align:left; padding:40px 25px 40px 16px}

.main .sec1 .main_slider_copy .copy_box .items .copy .tit {font-family:'RobotoB'; font-size:30px; line-height:30px}
.main .sec1 .main_slider_copy .copy_box .items .copy .sub {font-family:'NotoSansL'; font-size:14px; line-height:23px; margin-top:10px}
.main .sec1 .main_slider_copy .copy_box .items .btn_more {position:absolute; right:-24px; bottom:33px; display:block; width:48px; height:48px; font-size:0; background:url(/static/m/img/main/sec1_btn_more.png) no-repeat; background-size:100% auto}


.main .sec2 {position:relative; padding-top:107px; padding-bottom:72px; background:#f0f0f0}
.main .sec2 .prd_list .swiper-slide {padding-right:10.83%}
.main .sec2 .prd_list .swiper-slide a {display:block;}
.main .sec2 .prd_list_copy {margin:-48px 16px 0; background:#fff}
.main .sec2 .prd_list_copy .more_box {padding:40px 25px}
.main .sec2 .prd_list_copy .more_box dt {color:#000; font-family:'NotoSansB'; font-size:18px; padding-right:40px;} 
.main .sec2 .prd_list_copy .more_box dt span {display:block; color:#b10904; font-size:12px;}
.main .sec2 .prd_list_copy .more_box dd {font-family:'NotoSansL'; font-size:12px; line-height:21px; margin-top:12px}
.main .sec2 .prd_list_copy .more_box dd .btn_more {position:absolute; right:25px; top:59px; width:40px; height:18px; font-size:0; background:url(/static/m/img/main/sec2_btn_arrow.jpg) no-repeat; background-size:100% auto}
.main .sec2 .swiper-scrollbar {width:146px; height:2px; margin:20px auto 0; background:#ddd}
.main .sec2 .swiper-scrollbar-drag {height:2px; background:#000}

.main .sec3 {padding: 45px 4.58% 0;}
.main .sec3 .sec3_slider_nav ul {overflow:hidden;display: flex;justify-content: space-between;width: 328px;margin: 0 auto;}
.main .sec3 .sec3_slider_nav li {position:relative;/* float:left; *//* width:33.3%; *//* text-align:center; */}
.main .sec3 .sec3_slider_nav li:before {content:'';position:absolute;left: -13%;top:50%;display:block;width:3px;height:3px;border-radius:3px;background:#ddd;}
.main .sec3 .sec3_slider_nav li:first-child:before {display:none;}
.main .sec3 .sec3_slider_nav li a {color:#ddd; font-family: 'RobotoB'; font-size:22px}
.main .sec3 .sec3_slider_nav li a.on {color:#000}

.main .sec3 .sec3_slider {margin-top:10px}
.main .sec3 .sec3_slider .name {font-family:'NotoSansR'; font-size:10px; text-align:right; margin-top:10px}
.main .sec3 .sec3_slider .category {color:#ddd; font-family:'NotoSansB'; font-size:55px; margin-top:10px}

.main .sec3 .sec3_slider .tit {font-family:'NotoSansB'; font-size:16px; margin-top:30px}
.main .sec3 .sec3_slider .sub {font-family:'NotoSansL'; font-size:12px; line-height:19px; margin-top:10px}
.main .sec3 .swiper-scrollbar {width:100%; height:2px; margin:15px auto 0; background:#ddd}
.main .sec3 .swiper-scrollbar-drag {height:2px; background:#000}

.main .sec4 {padding:60px 0}
.main .sec4 .title {font-family: 'RobotoB'; font-size:32px; text-align:center;}
.main .sec4 .sec4_slider {margin-top:20px; padding:0 10.4% 30px}
.main .sec4 .sec4_slider .swiper-slide {padding-top:100%; background:#000}
.main .sec4 .sec4_slider .swiper-slide img {position:absolute; left:0; top:50%; transform: translateY(-50%);}
.main .sec4 .sec4_slider .swiper-slide.swiper-slide-active {box-shadow:3px 3px 10px 3px #c9c7c4}
.main .sec4 .btn_area {text-align:center;}
.main .sec4 .btn_black {display:inline-block; color:#fff; font-family:'NotoSansL'; font-size:14px; height:38px; line-height:37px; padding:0 50px; background:#000}