#header .h-foot{}

	#body{padding:0;}
	#body .section{padding:80px 0;}
    #body .section h2.sec-title{
        display: block;
        margin:0 0 30px;
        font-weight: 700;
        font-size: 34px;
        line-height: 1.32em;
        color:#000;
    }

    .main-slide-wrap{
        position: relative;
    }
    .main-slide-wrap .main-slide-thumb{
        position: absolute;
        left:50%;
        top:0;
        bottom:0;
        transform: translate(-100%,0);
        width: 630px;
        z-index: 2;
        display: flex;
        align-items: center;
    }
    .main-slide-wrap .main-slide-thumb ul li+li{
        margin-top: 16px;
    }
    .main-slide-wrap .main-slide-thumb ul li button{
        display: flex;
        cursor: pointer;
        border:0;
        background-color: transparent;
        align-items: center;
        color:#fff;
    }
    .main-slide-wrap .main-slide-thumb ul li button .thumb{
        width: 87px;
        margin-right: 20px;
    }
    .main-slide-wrap .main-slide-thumb ul li button .thumb img{
        display: block;
        width: 100%;
    }
    .main-slide-wrap .main-slide-thumb ul li button.active p{
        font-weight: 700;
    }
    .main-slide-wrap .main-slide-thumb ul li button p{
        font-size: 18px;
        line-height: 1.4em;
        margin-bottom: 0;
    }

    .main-slide .swiper-slide{
        height: 582px;
       
        background-repeat: no-repeat;
        background-position:  center center;
        background-size: cover;
    }
    .main-slide .swiper-slide .container{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 100%;
    }
    .main-slide .swiper-slide .text{
        display: flex;
        flex-direction: column;
        width: 50%;
        color:#fff;
    }
    .main-slide .swiper-slide .text span{
        font-size: 18px;
        line-height: 1.1em;
    }
    .main-slide .swiper-slide .text strong{
        font-size: 36px;
        line-height: 1.4em;
        font-weight: 700;
        margin-top: 50px;
    }
    .main-slide .swiper-slide .text p{
        font-size: 16px;
        line-height: 1.25em;
        margin-top: 20px;
    }
    .main-slide .swiper-slide .text a{
        margin-top: 60px;
    }
    .main-slide .swiper-slide .text a img{
        display: block;
    }

    .prd-slide-wrap{
        position: relative;
    }
    .prd-slide-wrap .btn-prev{
        position: absolute;
        top:50%;
        background-color: transparent;
        border:0;
        cursor: pointer;
        left:0;
        transform:translate(calc(-100% - 59px),-50%);
        z-index: 10;
    }
    .prd-slide-wrap .btn-next{
        position: absolute;
        top:50%;
        background-color: transparent;
        border:0;
        cursor: pointer;
        right:0;
        transform:translate(calc(100% + 59px),-50%);
        z-index: 10;
    }

    .banner-slide{
        position: relative;
    }
    .banner-slide .swiper-slide a{
        display: block;
    }
    .banner-slide .swiper-slide a img{
        display: block;
        width: 100%;
    }
    .banner-slide-pagination{
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left:0 !important;
        right:0;
        bottom:10% !important;
        z-index: 2;
    }
    .banner-slide-pagination .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
        border-radius: 10px;
        margin:0 5px;
        opacity: 1;
        transition:background 0.2s;
        background:#e0e0e0;
    }
    .banner-slide-pagination .swiper-pagination-bullet-active{
            background:#0574BA
    }

    /* .swiper-container{
        opacity: 0;
    }
    .swiper-container-initialized{
        opacity: 1;
    } */
    
    #body .main-cate-wrap .cate-top .sec-title{
        display: block;
        margin-bottom: 9px;
    }
    .main-cate-wrap .cate-top a{
        font-size: 20px;
        display: inline-flex;
        align-items: center;
    }
    .main-cate-wrap .cate-top a img{
        width: 5px;
        margin-left: 8px;
    }
    .main-cate-wrap .cate-body{
        display: flex;
        align-items: flex-start;
    }
    .main-cate-wrap .cate-body .cate-left{
        width: 320px;
        padding-top: 40px;
        position: relative;
    }
    .main-cate-wrap .cate-body .cate-left .swiper-container{
        height: 232px;
        width: 191px;
        margin:0;
    }
    .main-cate-wrap .cate-body .cate-left .btn-down{
        display: block;
        margin:35px auto 0;
        border:0;
        cursor: pointer;
        background-color: transparent;
        width: 191px;
    }
    .main-cate-wrap .cate-body .cate-left .btn-down img{
        display: block;
    }
    .main-cate-wrap .cate-body .cate-left .swiper-slide{}
    .main-cate-wrap .cate-body .cate-left .swiper-slide button{
        display: block;
        width: 100%;
        height: 68px;
        border:0.5px solid #000;
        transition:background 0.3s;
        font-size: 20px;
        border-radius: 34px;
        background-color:transparent
    }
    .main-cate-wrap .cate-body .cate-left .swiper-slide button.active{
        background-color: #000;
        color:#fff;
    }
    .main-cate-wrap .cate-body .cate-items{
        width: calc(100% - 320px);
    }
    .main-cate-wrap .cate-body .cate-item{
        display: none;
    }
    .main-cate-wrap .cate-body .cate-item.active{
        display: block;
    }
    .main-cate-wrap .cate-body .cate-item .cate-slide-wrap{
        position: relative;
    }
    .main-cate-wrap .cate-body .cate-item .cate-slide-wrap .btn-next{
        position: absolute;
        right:0;
        top:50%;
        border:0;
        cursor: pointer;
        background-color:transparent;
        right:0;
        top:50%;
        transform: translate(calc(100% + 20px),-50%);
    }
    .main-cate-wrap .cate-body .cate-item .cate-slide-wrap .btn-next img{
        display: block;
    }

	#body .main-contact{
        padding:0;
    }
    #body .main-contact a{
        display: block;
        color:#fff;
        margin:0 auto;
    }
    #body .main-contact a img{
        display: block;
        margin:0 auto;
    }
    #body .main-contact a strong{
        display: block;
        font-weight: 700;
        font-size: 34px;
        line-height: 1.32em;
    }
    #body .main-contact a div{
        display: flex;
        align-items: center;
        font-size: 20px;
        line-height: 1.3em;
        margin-top: 14px;
    }
    #body .main-contact a div p{
        margin-bottom: 0;
    }
    #body .main-contact a div img{
        margin-left: 22px;
    }


    .swiper-button-disabled {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }


@media screen and (max-width:1350px){
    .main-slide-wrap .main-slide-thumb{
        width: 46vw;
    }
    .main-slide-wrap .main-slide-thumb ul li button .thumb{
        width: 70px;
        margin-right: 15px;
    }
    .main-slide .swiper-slide{
        height: 530px;
    }
    .main-slide .swiper-slide .text strong{
        font-size: 30px;
        margin-top: 1.3em;
    }
    #body .section h2.sec-title{
        font-size: 30px;
        margin-bottom: 0.9em;
    }
    .prd-slide-wrap .btn-prev,
    .prd-slide-wrap .btn-next{
        display: none;
    }
    /* .prd-slide-wrap .btn-prev{
        transform: translate(calc(-100% - 10px),-50%);
    }
    .prd-slide-wrap .btn-next{
        transform: translate(calc(100% + 10px),-50%);
    } */
    #body .section{
        padding:60px 0;
    }
    .main-cate-wrap .cate-body .cate-left .swiper-slide button{
        height: 54px;
        font-size: 17px;
    }
    .main-cate-wrap .cate-body .cate-left .swiper-container{
        height: 182px;
    }
    .main-cate-wrap .cate-body .cate-item .cate-slide-wrap .btn-next{
        display: none;
    }
}
@media screen and (max-width:1024px){
    .main-slide-wrap .main-slide-thumb ul li button .thumb{
        width: 60px;
        margin-right: 12px;
    }
    .main-slide-wrap .main-slide-thumb ul li button p{
        font-size: 16px;
    }
  }
  @media screen and (min-width:769px){
  }
  @media screen and (max-width:768px){
    #body .section{
        padding:calc((47 / 720) * 100vw) 0;
        overflow: hidden;
    }
    #body .section h2.sec-title{
        margin-bottom: calc((26 / 720) * 100vw);
        font-size: calc((40 / 720) * 100vw);
    }
    .main-slide-wrap .main-slide-thumb{
        display: none;
    }
    .main-slide .swiper-slide{
        height:calc((650 / 720) * 100vw)
    }
    .main-slide .swiper-slide .text{
        width: 100%;
        text-align: center;
    }
    .main-slide .swiper-slide .text span{
        font-size: calc((28 / 720) * 100vw);
        line-height: calc((37 / 720) * 100vw);
    }
    .main-slide .swiper-slide .text p{
        font-size: calc((20 / 720) * 100vw);
        line-height: 1.3em;
        margin-top: calc((28 / 720) * 100vw);
    }
    .main-slide .swiper-slide .text strong{
        word-break: keep-all;
        margin-top: calc((23 / 720) * 100vw);
        font-size: calc((56 / 720) * 100vw);
        line-height: calc((74 / 720) * 100vw);
    }
    .main-slide .swiper-slide .text a{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color:#fff;
        margin-top: calc((97 / 720) * 100vw);
    }
    .main-slide .swiper-slide .text a em{
        font-style: normal;
        font-weight: 700 ;
        font-size: calc((26 / 720) * 100vw);
    }
    .main-slide .swiper-slide .text a img{
        margin-top: calc((-11 / 720) * 100vw);
        width:calc((229 / 720) * 100vw)
    }
    .prd-slide .swiper-wrapper{
        display: flex;
        flex-wrap: wrap;
    }
    .prd-slide .swiper-slide{
        width: calc(50% - calc((8 / 720) * 100vw));
        margin-top: calc((50 / 720) * 100vw);
    }
    .prd-slide .swiper-slide+.swiper-slide{
        margin-left: calc((16 / 720) * 100vw);
    }
    .prd-slide .swiper-slide:nth-child(2n+1){
        margin-left: 0;
    }
    .prd-slide .swiper-slide:nth-child(n+1):nth-child(-n+2){
        margin-top: 0;
    }
    .prd-slide .swiper-slide:nth-child(n+5):nth-child(-n+10000000){
        display: none;
    }
    .main-cate-wrap .cate-top a{
        display: none;
    }
    .main-cate-wrap .cate-body{
        display: block;
    }
    .main-cate-wrap .cate-body .cate-left{
        width: 100%;
        padding-top: 0;
        margin-bottom: calc((29 / 720) * 100vw);
    }
    .main-cate-wrap .cate-body .cate-left .swiper-container{
        width: 100%;
        height: auto;
        overflow: visible;
    }
    .main-cate-wrap .cate-body .cate-left .swiper-slide{
        width: auto;
    }
    .main-cate-wrap .cate-body .cate-left .swiper-slide button{
        height: calc((80 / 720) * 100vw);
        font-size: calc((20 / 720) * 100vw);
        min-width: calc((161 / 720) * 100vw);
        padding:0 calc((29 / 720) * 100vw);
        border-radius: calc((100 / 720) * 100vw);
    }
    .main-cate-wrap .cate-body .cate-left .btn-down{
        display: none;
    }
    #body .main-cate-wrap .cate-top .sec-title{
        margin-bottom: calc((18 / 720) * 100vw);
    }
    .main-cate-wrap .cate-body .cate-items{
        width: 100%;
    }
    .product-list .swiper-slide{
        width: calc(50% - calc((8 / 720) * 100vw));
        margin-top: calc((50 / 720) * 100vw);
    }
    .product-list .swiper-slide+.swiper-slide{
        margin-left: calc((16 / 720) * 100vw);
    }
    .product-list .swiper-slide:nth-child(2n+1){
        margin-left: 0;
    }
    .product-list .swiper-slide:nth-child(n+1):nth-child(-n+2){
        margin-top: 0;
    }
    .product-list .swiper-slide:nth-child(n+5):nth-child(-n+10000000){
        display: none;
    }

    .section .btn-more{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: calc((42 / 720) * 100vw);
        border:1px solid #bcbcbc;
        line-height: calc((88 / 720) * 100vw);;
        font-size: calc((28 / 720) * 100vw);
    }
    .section .btn-more img{
        width: calc((9 / 720) * 100vw);
        margin-left: calc((11 / 720) * 100vw);
    }
    #body .main-contact{
        padding:0;
    }
    #body .main-contact a{
        /* padding:calc((54 / 720) * 100vw) 0; */
    }
    #body .main-contact a strong{
        /* font-size: calc((36 / 720) * 100vw); */
    }
    #body .main-contact a div{
        justify-content: space-between;
        margin-top: calc((11 / 720) * 100vw);
        font-size:calc((28 / 720) * 100vw)
    }
    #body .main-contact a div img{
        width: calc((96 / 720) * 100vw);
        margin-left: 0;
    }
  }