/* .head .hedad_pc{top: 0;} */

body{display: none;}

body.act{display: block;}


.buy1{position: relative;z-index: 5;background: #fff;padding: 230px 0 60px;}

.buy1 .bu1_con{display: flex;justify-content: space-between;}

.buy1 .bu1_con img{width: 100%;}

.buy1 .bu1_con .con_le{width: 50%;position: relative;}

.buy1 .bu1_con .con_le .cos{display: none;}

.buy1 .bu1_con .con_le .cos.act{display:block;}

.buy1 .bu1_con .con_le .ss{position: relative;}

.buy1 .bu1_con .con_le .ss video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover;width: 100%;height: 100%;}

.buy1 .bu1_con .con_le .con1 .c{position: relative;display: none;}

.buy1 .bu1_con .con_le .con1 .c::after{content: "";position: absolute;left: -2px;top: -2px;border: 4px solid #fff;width: calc(100% + 4px );height: calc(100% + 4px);z-index: 1;pointer-events: none;}

.buy1 .bu1_con .con_le .con1 .c:first-child{}

.buy1 .bu1_con .con_le .con1 .c:last-child{background: #222;}

.buy1 .bu1_con .con_le .con1 .c.act{display: block;}

.buy1 .bu1_con .con_le .con2{display: flex;justify-content: center;margin-top: 30px;}

.buy1 .bu1_con .con_le .con2 .qei{width: 100px;height: 35px;display:flex;align-items: center;justify-content: center;background: #dddddd;color: #fff;cursor: pointer;transition: all 0.6s;}

.buy1 .bu1_con .con_le .con2 .qei img{width: 20px;margin-right: 5px;}

.buy1 .bu1_con .con_le .con2 .qei:first-child{margin-right: 10px;}

.buy1 .bu1_con .con_le .con2 .qei.act{background: #000;}

.buy1 .bu1_con .con_le .con2 .qei:hover{background: #000;transition: all 0.6s;}

.buy1 .bu1_con .con_le .con1 .c .b {position: absolute;width: 63%;bottom: 27px;left: 50%;transform: translateX(-50%) scale(0.25);z-index: 1; transition: all 0.6s;}

.buy1 .bu1_con .con_le .con1 .c .b .one-swiper .swiper-wrapper{display: flex;justify-content: center;}

.buy1 .bu1_con .con_le .con1 .c .b .swiper-slide {cursor: pointer;}

.buy1 .bu1_con .con_le .con1 .c .b .swiper-slide .i{border: 1px solid #eaeaea;border-radius: 100%;overflow: hidden;transition: all 0.6s;}

.buy1 .bu1_con .con_le .con1 .c .b .swiper-slide .i{position: relative;transform: scale(0.7);transition: all 0.6s;}

.buy1 .bu1_con .con_le .con1 .c .b .swiper-slide .i::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f2f2f2;pointer-events: none;}

.buy1 .bu1_con .con_le .con1 .c .b .swiper-slide img{opacity: 0.5;transition: all 0.6s;}

.buy1 .bu1_con .con_le .con1 .c .b .swiper-slide-thumb-active img{opacity: 1;}

.buy1 .bu1_con .con_le .con1 .c .b .swiper-slide-thumb-active .i{border: 1px solid #000;}


.buy1 .bu1_con .con_le .con1 .c .b .swiper-slide-thumb-active .i::after{background: #000;}

.buy1 .bu1_con .con_le .con1 .c .b .swiper-slide .i:hover img{opacity: 0.9;transition: all 0.6s;}

.buy1 .bu1_con .con_le .con1 .c:hover .b .swiper-slide .i{transform: scale(1);}

.buy1 .bu1_con .con_le .con1 .c:hover .b .swiper-slide .i::after{opacity: 0;}

.buy1 .bu1_con .con_le .con1 .c:hover .b{transform: translateX(-50%) scale(1);}

.buy1 .bu1_con .con_le .con1 .c:hover .b .swiper-slide .i{border-radius: 0;}

.buy1 .bu1_con .con_re{width: 50%;padding: 80px 150px 0;}

.buy_sp {bottom: 45px !important;}

.buy_sp span{background: #8c8c8c;opacity: 1;}

.buy_sp .swiper-pagination-bullet-active{background: #fff;}

.buy_prev,.buy_next{width: 48px !important;height: 48px !important;background:rgba(0,0,0,0.1) url(../images2/buy1_4.png) center no-repeat;border-radius: 100%;}



.buy1 .swiper-button-next.swiper-button-disabled,.buy1 .swiper-button-prev.swiper-button-disabled{opacity: 1;}

.buy1 .buy_prev, .buy1 .buy_next{background:rgba(0,0,0,0.03) url(../images2/buy1_4.png) center no-repeat;border-radius: 100%;opacity: 0 !important;outline: none;}

.buy1 .bu1_con .con_le .con1 .c:hover .buy_prev,.buy1 .bu1_con .con_le .con1 .c:hover .buy_next{opacity: 1 !important ;}

.buy_prev::after,.buy_next::after{content: none !important;}

.buy_prev{left: 30px !important;}

.buy_next{transform: rotate(180deg);right: 30px !important;}

.buy_prev:hover,.buy_next:hover{background:rgba(0,0,0,0.4) url(../images2/buy1_4.png) center no-repeat;}

.buy1 .bu1_con .con_re .re1{overflow: hidden;}

.buy1 .bu1_con .con_re .re1 a{position: relative;float: right;width: 23px;display: none;}

.buy1 .bu1_con .con_re .re1 a.act2{display: block;}

.buy1 .bu1_con .con_re .re1 a img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.buy1 .bu1_con .con_re .re2 {margin: 10px 0 18px;letter-spacing: 1.2px;}

.buy1 .bu1_con .con_re .re2 .r{display: none;line-height: 20px;}

.buy1 .bu1_con .con_re .re2 .r.act{display: block;}

.buy1 .bu1_con .con_re .re3{line-height: 30px;letter-spacing: 1.3px;}

.buy1 .bu1_con .con_re .re3 .e{display: none;}

.buy1 .bu1_con .con_re .re3 .e.act{display: block;}

.buy1 .bu1_con .con_re .re4{display: none;padding: 15px 0;justify-content: space-between;align-items: flex-end;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;margin: 25px 0 33px;color: #555555;letter-spacing: 1.2px;}

.buy1 .bu1_con .con_re .re4.act{display: flex;}

.buy1 .bu1_con .con_re .re4 .rl{width: calc(100% - 120px);}

.buy1 .bu1_con .con_re .re4 .rl span{display: block;line-height: 22px;}

.buy1 .bu1_con .con_re .re4 .rr{font-family: gil;}

.buy1 .bu1_con .con_re .re5{margin-bottom: 73px;display:flex;align-items: center;}


.buy1 .bu1_con .con_re .re5 .rl{width:120px;}


.buy1 .bu1_con .con_re .re5 .rr{display: flex;align-items: center;}

.buy1 .bu1_con .con_re .re5 .rr span{width: 26px;height: 26px;border-radius: 100%;background: #656692;margin-right:12px;display: block;position: relative;cursor: pointer;}

.buy1 .bu1_con .con_re .re5 .rr span s{display: block; position: absolute;width: 32px;height: 32px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 1px solid #656692;border-radius: 100%;opacity: 0;transition: all 0.6s;}

.buy1 .bu1_con .con_re .re5 .rr span:nth-child(2n){background: #e7dac9;}

.buy1 .bu1_con .con_re .re5 .rr span:nth-child(2n) s{border: 1px solid #e7dac9;}

.buy1 .bu1_con .con_re .re5 .rr span:nth-child(3n){background: #d0bbba;}

.buy1 .bu1_con .con_re .re5 .rr span:nth-child(3n) s{border: 1px solid #d0bbba;}

.buy1 .bu1_con .con_re .re6 a{display: block; width: 100%;background: #000;height: 70px;color: #fff;position: relative;}

.buy1 .bu1_con .con_re .re6 a span{display: flex;align-items: center;justify-content: center;height: 100%;color: #fff;position: relative;z-index: 1;}

.buy1 .bu1_con .con_re .re6 a span img{width: 20px;}

.buy1 .bu1_con .con_re .re6 a::before{content: "";position: absolute;left: 0;width: 100%;bottom: 0;background: #e7004c;height: 0;z-index: 0;transition: all 0.4s;}

.buy1 .bu1_con .con_re .re6 a img{width: auto;margin-right: 15px;}

.buy1 .bu1_con .con_re .re6 span{display: block;text-align: center;margin: 20px 0 34px;color: #555555;}

.buy1 .bu1_con .con_re .re5 .rr span.act s{opacity: 1;}

.buy1 .bu1_con .con_re .re5 .rr span:hover:after{opacity: 1;transition: all 0.6s;}

.buy1 .bu1_con .con_re .re6 a:hover::before{height: 100%;transition: all 0.4s;}

.buy1 .bu1_con .con_re .re1 a:hover img:last-child{opacity: 1;}

.buy1 .bu1_con .con_re .re1 a:hover img:first-child{opacity: 0;}

.buy1 .bu1_con .con_re .re1 a.act img:last-child{opacity: 1;}

.buy1 .bu1_con .con_re .re1 a.act img:first-child{opacity: 0;}

.buy2{position: relative;z-index: 5;background: #fff;padding: 120px 0 250px;}

.buy2 .con1{text-align: center;}

.buy2 .con2 .ul{display: flex;}

.buy2 .con2 .ul .li{width: 33.33%; text-align: center;}

.buy2 .con2 .ul .li .img{overflow: hidden;}

.buy2 .con2 .ul .li .img a{display: block;}

.buy2 .con2 .ul .li .t1{letter-spacing: 1.3px;color: #555555;}

.buy2 .con2 .ul .li .t2{    margin: 13px 0 35px;letter-spacing: 1.2px;color: #555;}

.buy2 .con2 .ul .li .t3{display: flex;justify-content: center;}

.buy2 .con2 .ul .li .t3 a{width: 160px;height: 50px;text-align: center;line-height: 50px;color: #fff;position: relative;background: #000;margin: 0 10px;}

.buy2 .con2 .ul .li .t3 a::before{width: 100%;bottom: 0;background: #e7004c;content: "";position: absolute;height: 0%;left: 0;z-index: 1;transition: all 0.4s;}

.buy2 .con2 .ul .li .t3 a span{display: block;height: 100%;position: relative;z-index: 2;}


.buy2 .con2 .ul .li:hover .img img{transform: scale(1.05);}

.buy2 .con2 .ul .li .t3 a:hover::before{height: 100%;transition: all 0.4s;}

@media screen and (max-width:1950px) {
    .buy1 .bu1_con .con_re{padding: 50px 100px 0;}

    .buy1 .bu1_con .con_re .re5{margin-bottom: 50px;}
}

@media screen and (max-width:1800px) {
    .buy1 .bu1_con .con_re{padding: 50px 70px 0;}

    /* .buy1 .bu1_con .con_re .re5{margin-bottom: 50px;} */
}
@media screen and (max-width:1680px) {
    /* .buy1 .bu1_con .con_re{padding: 50px 100px 0;} */

    .buy1 .bu1_con .con_re .re5{margin-bottom: 40px;}

    .buy1 .bu1_con .con_re .re4{margin: 20px 0;}

    .buy1 .bu1_con .con_re .re6 span{margin: 15px 0 25px;}
}

@media screen and (max-width:1200px) {
    .buy1 .bu1_con{flex-wrap: wrap;}

    .buy1 .bu1_con .con_le{width: 100%;}

    .buy1 .bu1_con .con_re{width: 100%;padding: 40px 0 0;}

    .buy2{padding: 0 0 40px;}

    .buy2 .con2 .ul{flex-wrap: wrap;}

    .buy2 .con2 .ul .li{width: 100%;}

    .buy2 .con2 .ul .li .t3 a{width: 135px;}

    .buy1 {padding: 40px 0;}
}