.card-swiper{
    width: 100%;
    height: 102.400vw;
}
.card-swiper ul{
    position: relative;
}
.card-swiper ul li{
    width: 70.667vw;
    height: 102.400vw;
    position: absolute;
    left: 13.333vw;
    top: 0;
    background-color: #fff;
}
.card-swiper ul li img{
    width: 100%;
    height: 100%;
}

.banner-and-search{
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    height: 153.333vw;
}
.banner-and-search-footer{
    height: 58.667vw;
}
/* banner轮播 */
.banner-wrap{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 153.333vw;
    overflow: hidden;
}
.banner-wrap ul{
    width: 2666.400vw;
    height: 100%;
    overflow: hidden;
    transition: all .5s;
    position: absolute;
    left: 0;
    top: 0;
}
.banner-wrap ul li{
    height: 100%;
    /* background: no-repeat center center;
    background-size: cover; */
    float: left;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.banner-wrap ul li img{
    height: 100%;
    min-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.banner-wrap-footer{
    height: 58.667vw;
}
.swipper_block{
    text-align: center;
    position: relative;
    padding-bottom: 17.867vw;
}
.swipper_block .title{
    margin-top: 13.333vw;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 3.733vw;
    line-height: 120.9%;
    text-align: center;
    color: #FB4B42;
}
.swipper_block h3{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 7.467vw;
    line-height: 120.9%;
    text-align: center;
    width: 68.267vw;
    margin: 1.333vw auto 8.000vw auto;
    color: #121212;
}
.swipper_block h4{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 3.467vw;
    line-height: 120.9%;
    text-align: center;
    color: #121212;
    margin:  4.000vw auto 0 auto;
}
#dot{
    position: absolute;
    left: 50%;
    bottom: 6.933vw;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}
#dot span{
    /* float: left; */
    margin-right: 2.933vw;
    width: 2.133vw;
    height: 2.133vw;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.3);;
    cursor: pointer;
}
#dot span.active{
    background-color: #fff;
}


#dot-footer{
    position: absolute;
    left: 50%;
    bottom: 10.933vw;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}
#dot-footer span{
    /* float: left; */
    margin-right: 1.333vw;
    width: 1.600vw;
    height: 1.600vw;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
#dot-footer span.active{
    background-color: rgba(0, 0, 0, 0.2);
}

/* 公司特色 */
.features{
    width: 100vw;
    overflow: hidden;
    text-align: center;
    /* overflow-x: auto; */
    padding-bottom: 18.133vw;
}
.features .title1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 3.733vw;
    line-height: 120.9%;
    margin-top: 13.333vw;
    text-align: center;
    color: #FB4B42;
}
.features .title2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 7.467vw;
    margin-top: 1.600vw;
    line-height: 120.9%;
    /* identical to box height, or 9.067vw */
    margin-bottom: 13.333vw;
    text-align: center;

    /* black */

    color: #121212;
}
.features .block_wrapper .item{
    margin: 4.000vw auto 0 auto;
    padding: 8.000vw 9.333vw;
    width: 90.400vw;
    height: 62.933vw;
    box-shadow: 0.000vw 1.067vw 16.533vw rgba(0, 0, 0, 0.06);
    border-radius: 4.800vw;
    vertical-align: top;
    text-align: left;
}
.features .block_wrapper .item img{
    margin-bottom: 5.333vw;
}
.features .block_wrapper .item h3{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 4.800vw;
    line-height: 120.9%;
    color: #121212;
    margin-bottom: 4.000vw;
}
.features .block_wrapper .item h4{
    font-weight: 400;
    font-size: 3.733vw;
    line-height: 170%;
    color: #121212;
}

/* 产品广告 */
.product-module{
    background: #FAFAFA;
}
.product-module .title1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 3.733vw;
    line-height: 120.9%;
    padding-top: 13.333vw;
    text-align: center;
    color: #FB4B42;
}
.product-module .title2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 7.467vw;
    margin-top: 1.600vw;
    line-height: 120.9%;
    /* identical to box height, or 9.067vw */
    margin-bottom: 13.333vw;
    text-align: center;
    color: #121212;
}
.product-module > h2{
    font-size:8.533vw;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-bottom: 12.800vw;
    text-align: center;
}
.product-module .product-list{
    padding-bottom: 18.933vw;
}
.product-list .ad-item{
    background: #FFFFFF;
    border-radius: 4.800vw;
    width: 90.400vw;
    /* height: 137.600vw; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 5.333vw 0 4.267vw 0;
    margin: 0 auto 4.000vw auto;
    text-align: center;
    overflow: hidden;
}
.ad-item h3{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 5.867vw;
    line-height: 120.9%;
    text-align: center;
    color: #121212;
}
.ad-item h4{
    font-family: 'Montserrat';
    font-style: normal;
    margin-top: 5.867vw;
    margin-bottom: 1.333vw;
    font-weight: 400;
    font-size: 3.467vw;
    line-height: 120.9%;
    text-align: center;
    color: #757575;
}
.ad-item h5{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 4.800vw;
    margin-bottom: 5.333vw;
    line-height: 120%;
    text-align: center;
    padding: 0 11.200vw;
    color: #121212;
}
.ad-item p{
    font-size:4.267vw;
    font-weight:400;
    line-height:5.600vw;
    color:rgba(102,102,102,1);
}
.ad-item .more{
    width: 33.867vw;
    height: 9.600vw;
    background: #F8F8F8;
    border-radius: 11.200vw;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 3.467vw;
    line-height:  9.600vw;
    color: #FB4B42;
    margin: 0 auto 10.667vw auto;
}
.ad-item .more img{
    width: 4.267vw;
    height: 4.267vw;
    color:rgba(102,102,102,1);
    vertical-align: text-top;
}
.ad-item img{
    width: 74.667vw;
    height: 74.667vw;
    line-height:5.600vw;
    color:rgba(102,102,102,1);
}

/* 底部横幅 */
.footer-banner{
    width: 100vw;
    background: #FAFAFA;
}
.footer-banner .content{
    text-align: center;
    width: 100%;
    height: 100%;
    /* padding: 17.067vw 16.000vw 12.800vw 16.000vw; */
    padding: 17.067vw 13.000vw 12.800vw 13.000vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: justify;
}
.footer-banner .content img{
    width: 10.667vw;
    height: auto;
    margin: 0 auto;
}
.footer-banner .content .title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 7.467vw;
    line-height: 120.9%;
    /* identical to box height, or 9.067vw */

    text-align: center;

    /* black */

    color: #121212;
    text-align: center;
    padding-bottom: 11.733vw;
}
.footer-banner .content .over{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 3.467vw;
    line-height: 166.9%;
    padding-bottom: 0;
    color: #757575;
}
.footer-banner ul{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: 100%; */
}
.footer-banner ul li{

}
.footer-banner ul li dt{
    padding-bottom: 1.867vw;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 7.467vw;
    line-height: 120.9%;
    color: #FB4B42;

}
.footer-banner ul li .dd{
    font-size: 4.000vw;
    font-weight:400;
    line-height:7.467vw;
    color: #262626;
    text-align: left;
}
.footer-banner ul li .line{
    width: 100%;
    height: 0.267vw;
    background-color: #EBEBEB;
    margin: 8.000vw 0;
}

.buy_way{
    width: 100%;
    background: #fff;
    padding-top: 16.000vw;
    text-align: center;
    margin-bottom: 8.000vw;
}
.buy_way .title{
    margin-top: 4.000vw;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 7.467vw;
    line-height: 120.9%;
    text-align: center;
    color: #121212;
    margin-bottom: 5.333vw;
}
.buy_way a{
    width: 42.667vw;
    height: 29.067vw;
    background: #FAFAFA;
    border-radius: 2.587vw;
    vertical-align: bottom;
    margin-bottom: 3.200vw;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.buy_way a img{
    margin-bottom: 6.133vw;
}
.buy_way a div{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 3.467vw;
    line-height: 120.9%;
    text-align: center;
    color: #121212;
}
/* 底部留言 */
.leave-msg{
    padding: 17.067vw 6.400vw 25.600vw 6.400vw;
}
.leave-msg > h2 {
    font-size:8.533vw;
    font-weight:400;
    line-height: 11.467vw;
    color:rgba(51,51,51,1);
    text-align: center;
}
.leave-msg > h4{
    font-size:3.200vw;
    font-weight:400;
    line-height:4.267vw;
    color:rgba(102,102,102,1);
    text-align: center;
    padding: 6.400vw 0 4.267vw 0;
}
.leave-msg .form{

}
.form .form-item .label{
    padding: 8.533vw 0 2.133vw 0;
    font-size:3.733vw;
    font-weight:bold;
    line-height: 4.800vw;
    color:rgba(102,102,102,1);
}
.form .form-item .label .error-tip{
    display: none;
}
.form .form-item > input{
    display: block;
    box-sizing: border-box;
    width: 87.200vw;
    height: 10.667vw;
    line-height: 10.667vw;
    padding: 0 2.667vw;
    background:rgba(245,245,245,1);
    border: none;
    color: #333;
    font-size: 3.733vw;
}
.form .form-item > textarea{
    display: block;
    box-sizing: border-box;
    width: 87.200vw;
    height: 54.133vw;
    line-height: 1.4;
    padding: 2.667vw;
    background:rgba(245,245,245,1);
    border: none;
    color: #333;
    font-size: 3.733vw;
    resize: none;
}
.form .form-item .code-and-img{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.form .form-item .code-and-img input{
    display: block;
    box-sizing: border-box;
    width: 52.000vw;
    height: 10.667vw;
    line-height: 10.667vw;
    padding: 0 2.667vw;
    background:rgba(245,245,245,1);
    border: none;
    color: #333;
    font-size: 3.733vw;
}
.form .form-item .code-and-img img{
    width: 30.933vw;
    height: 10.667vw;
}
.form .submit-button{
    width:32.000vw;
    height:10.667vw;
    border:0.533vw solid rgba(51,51,51,1);
    margin: 12.800vw auto 0 auto;
    font-size:3.200vw;
    font-weight:bold;
    line-height:10.667vw;
    color:rgba(51,51,51,1);
    text-align: center;
    line-height: 9.600vw;
    letter-spacing: 0.533vw;
}