button,input{width:100%;height:100%;outline:0;border:none}
input[type=text]{font-variant:tabular-nums;font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}
input[type=radio]{margin:0;font-size:100%;-webkit-appearance:radio!important}
[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}
input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}
input::-moz-placeholder{color:#80878f;opacity:1}
input:-ms-input-placeholder{color:#80878f}
input::-webkit-input-placeholder{color:#80878f}
:focus{outline:0!important}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;height:0;content:".";line-height:0}
.pro{position:relative;width:100%;background:#fff}
.pro img{display:block;width:100%}
.pro.pro-1 {padding-top: 0.9rem;}
.pro form{position:relative;margin:0 auto;text-align:center}
.form-input{position:relative;display:block;margin-bottom:.1rem;width: 2.85rem;height: .64rem;/* border-radius:.03rem; */font-size:.2rem;left: 0.075rem; z-index: 1;}
.form-input input:focus{border-color:#e74632;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%),0 0 5px #ea5732;box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%),0 0 5px #f06841}
.form-input input:hover{border:1px solid #e74632}
.form-box{position:absolute;top:4.57rem;width: 100%;FONT-VARIANT: JIS83;/* left: -0.1rem; */}
.form-input label{position:absolute;padding: .2rem .25rem;color:#706d6d;font-size: 0.2rem;/* margin-left: 0.35rem; */}
.form-input input{padding: 0 .3rem 0 .6rem;width:100%;height:100%;/* border-radius:.1rem; */background: #fff8f500;color:#767676;letter-spacing:.02rem;font-size: .2rem;line-height: .65rem;}
.form-input input{-webkit-box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.075);box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .25s,box-shadow ease-in-out .2s;transition:border-color ease-in-out .25s,box-shadow ease-in-out .2s}
.form-submit{display:block;margin:0 auto;width: 2.85rem;height: 0.64rem;position: relative;/* top: -0.25rem; */}
.form-submit button,.pro-12 .form-submit button{display:block;/* padding:.19rem 0; */width:100%;height:100%;border-radius:3px;background:0 0;color:#fff;letter-spacing:2px;font-weight:600;font-size:.36rem;border: none;}
.form-submit.btn-bg{background:url(../mobile/img/3-1.png) no-repeat center center;background-size:100% 100%;top: -1.49rem;left: 1.4rem;z-index: 1;}
span.unit {position:absolute;top: .2rem;right: .2rem;font-size: .2rem; font-style: italic;line-height: 1;color: #666;}
.form-box form>p{position:absolute;bottom:0;left:2.7rem;color:#999797;font-size:.16rem;margin-bottom: 1.3rem;}
.container{position:absolute;width:100%}
.swiper-container .swiper-wrapper{margin-left:0!important}
.swiper-box{margin:0 auto;width: 6rem;background:0 0;position:absolute;left: 0.24rem;}

.swiper-pagination03 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ef2232}

.swiper-pagination03.swiper-pagination-clickable.swiper-pagination-bullets{margin-bottom: 0.15rem;border: 1px white solid;width: 5.32rem;}

.pro-2 .loupan{position:relative;width: 100%;}
.pro-2 .lp1{width: 1.5rem;height:2.14rem;background: url(img/2-1.png) no-repeat;background-size:100% 100%;cursor :pointer;position: absolute;top: 2.1rem;left:0.15rem;}
.pro-2 .lp1:hover{background: url(img/2-11.png) no-repeat;background-size:100% 100%;}
.pro-2 .lp2{width: 1.5rem;height:2.14rem;background: url(img/2-2.png) no-repeat;background-size:100% 100%;cursor :pointer;position: absolute;top: 2.1rem;    left: 1.69rem;}
.pro-2 .lp2:hover{background: url(img/2-12.png) no-repeat;background-size:100% 100%;}
.pro-2 .lp3{width: 1.5rem;height:2.14rem;background: url(img/2-3.png) no-repeat;background-size:100% 100%;cursor :pointer;position: absolute;top: 2.1rem;    left: 3.24rem;}
.pro-2 .lp3:hover{background: url(img/2-13.png) no-repeat;background-size:100% 100%;}
.pro-2 .lp4{width: 1.5rem;height:2.14rem;background: url(img/2-4.png) no-repeat;background-size:100% 100%;cursor :pointer;position: absolute;top: 2.1rem;    left: 4.78rem;}
.pro-2 .lp4:hover{background: url(img/2-14.png) no-repeat;background-size:100% 100%;}
.pro-2 .lp5{width: 1.5rem;height:2.14rem;background: url(img/2-5.png) no-repeat;background-size:100% 100%;cursor :pointer;position: absolute;top: 4.3rem;    left:0.15rem;}
.pro-2 .lp5:hover{background: url(img/2-15.png) no-repeat;background-size:100% 100%;}
.pro-2 .lp6{width: 1.5rem;height:2.14rem;background: url(img/2-6.png) no-repeat;background-size:100% 100%;cursor :pointer;position: absolute;top: 4.3rem;    left: 1.69rem;}
.pro-2 .lp6:hover{background: url(img/2-16.png) no-repeat;background-size:100% 100%;}
.pro-2 .lp7{width: 1.5rem;height:2.14rem;background: url(img/2-7.png) no-repeat;background-size:100% 100%;cursor :pointer;position: absolute;top: 4.3rem;    left: 3.24rem;}
.pro-2 .lp7:hover{background: url(img/2-17.png) no-repeat;background-size:100% 100%;}
.pro-2 .lp8{width: 1.5rem;height:2.14rem;background: url(img/2-8.png) no-repeat;background-size:100% 100%;cursor :pointer;position: absolute;top: 4.3rem;    left: 4.78rem;}
.pro-2 .lp8:hover{background: url(img/2-18.png) no-repeat;background-size:100% 100%;}

.pro-3 .form-box{padding-left: 0.2rem;}

.form-input.haoma{left: 3.09rem;    top: -0.745rem;}
.form-input.loupan{top: -0.745rem;}

.yuyue-box{position:absolute}

.pro-4 .container{top:4.7rem;}
.pro-4 .tu1{width: 2.95rem;position: absolute;top: 1.8rem;left: 0.2rem;}
.pro-4 .tu2{width: 2.95rem;position: absolute;top: 1.8rem;left: 3.25rem;}
.pro-4 .yuyue-btn{background:url(img/4-1.png);background-size:100% 100%;color:#fff;text-align:center}
.pro-4 .yuyue-btn{width: 2.8rem;height: 0.56rem;    margin-left: 1.55rem;margin-top: -1rem;z-index: 2;position: absolute;}
.pro-4 .yuyue-box{    z-index: 1;}
.pro-4 .swiper-containe{position:relative;width:708px;top: -255px;left: 20px;}
.pro-4 .wenzi{position:absolute;top: 4.1rem;}
.pro-4 .biaoti{font-size:16px;font-weight: bold;margin-top: 0.3rem;margin-left: 2.4rem;}
.pro-4 .miaoshu{font-size:12px;color: #ffffff;margin-left: 1.5rem;}
.pro-4 .miaoshu span{margin-right: 0.3rem;}
.pro-4 .linian{font-size:12px;color: #ffffff;margin-top: 0.2rem;margin-left: 0.3rem;}

.pro-5 .container,.pro-6 .container,.pro-7 .container,.pro-8 .container{top:3.4rem;}
.pro-5 .tu1,.pro-6 .tu1,.pro-7 .tu1,.pro-8 .tu1{width: 2.95rem;position: absolute;top: .5rem;left: 0.2rem;}
.pro-5 .tu2,.pro-6 .tu2,.pro-7 .tu2,.pro-8 .tu2{width: 2.95rem;position: absolute;top: .5rem;left: 3.25rem;}
.pro-5 .yuyue-btn,.pro-6 .yuyue-btn,.pro-7 .yuyue-btn,.pro-8 .yuyue-btn{background:url(img/4-1.png);background-size:100% 100%;color:#fff;text-align:center}
.pro-5 .yuyue-btn,.pro-6 .yuyue-btn,.pro-7 .yuyue-btn,.pro-8 .yuyue-btn{width: 2.8rem;height: 0.56rem;    margin-left: 1.55rem;margin-top: -1rem;z-index: 2;position: absolute;}
.pro-5 .yuyue-box,.pro-6 .yuyue-box,.pro-7 .yuyue-box,.pro-8 .yuyue-box{    z-index: 1;}
.pro-5 .swiper-containe,.pro-6 .swiper-containe,.pro-7 .swiper-containe,.pro-8 .swiper-containe{position:relative;width:708px;top: -255px;left: 20px;}
.pro-5 .wenzi,.pro-6 .wenzi,.pro-7 .wenzi,.pro-8 .wenzi{position:absolute;top: 4.1rem;}
.pro-5 .biaoti,.pro-6 .biaoti,.pro-7 .biaoti,.pro-8 .biaoti{font-size:16px;font-weight: bold;margin-top: 0.31rem;margin-left: 2.4rem;}
.pro-5 .miaoshu,.pro-6 .miaoshu,.pro-7 .miaoshu,.pro-8 .miaoshu{font-size:12px;color: #ffffff;margin-left: 1.5rem;}
.pro-5 .miaoshu span,.pro-6 .miaoshu span,.pro-7 .miaoshu span,.pro-8 .miaoshu span{margin-right: 0.3rem;}
.pro-5 .linian,.pro-6 .linian,.pro-7 .linian,.pro-8 .linian{font-size:12px;color: #ffffff;margin-top: 0.2rem;margin-left: 0.3rem;}

/*.pro-4 .swiper-button-next{    margin-right: 395px;}*/
.pro-4 .swiper-button-prev,.pro-5 .swiper-button-prev,.pro-6 .swiper-button-prev,.pro-7 .swiper-button-prev,.pro-8 .swiper-button-prev{background-image: url(img/zuo.png);width: 28px;height: 28px;background-size: 28px 28px;}
.pro-4 .swiper-button-next,.pro-5 .swiper-button-next,.pro-6 .swiper-button-next,.pro-7 .swiper-button-next,.pro-8 .swiper-button-next{background-image: url(img/you.png);width: 28px;height: 28px;background-size: 28px 28px;}

.pro-9 .yuyue-1{position:absolute;    top: -1.2rem;    left: 0.5rem;}
.pro-9 .yuyue-2{position:absolute;top: -1.2rem;left:  3.2rem;}
.pro-9 .yuyue-btn-1{background: url(img/9-1.png)  no-repeat;background-size:100% 100%; width: 2.6rem; height: 0.6rem;}
.pro-9 .yuyue-btn-2{background: url(img/9-2.png)  no-repeat;background-size:100% 100%; width: 2.8rem; height: 0.6rem;}

.pro-10 .form-input{width: 5.2rem;height: 0.7rem;}
.pro-10 .form-box{top: 6rem;    padding-left: 0.5rem;}
.pro-10 .form-input input{background: #FFF8F5;    padding-left: 1.5rem;border: 1px solid #f3c56f;}
.pro-10 .form-box form>p{bottom: -0.2rem;margin-left: -0.44rem;}
.pro-10 .form-submit.btn-bg{background:url(../mobile/img/10-1.png) no-repeat center center;background-size:100% 100%;top: 0.1rem;    left: -0.25rem;width: 5rem;}



.tc{position:fixed;top:0;z-index:9999;display:block;width:100%;height:100%;background:rgba(0,0,0,.6);text-align:center;align-items:center}
.tc-box{position:relative;z-index:99999;box-sizing:content-box;margin:3rem auto 0 auto;padding:.3rem 0;width:5.4rem;border-radius:.1rem;background:#fff;background-size:100%;text-align:center}
.tc-box>form{margin:.3rem auto 0 auto;width:4.8rem}
.tc-box .form-input{width:4.8rem;height:.7rem}
.tc-box .form-input input{padding-left:2rem}
.tc-box .form-input label{position:absolute;padding:.2rem .2rem;color:#464646;line-height: 0.3rem;}
.tc-box .form-input:first-child input:focus{border-color:none;-webkit-box-shadow:none;box-shadow:none}
.tc-box .form-input:first-child input:hover{border:none}
.tc-box .form-input:first-child input{color:#f44336}
.tc-box form>.form-submit{padding-bottom:0;width:4.8rem;height:.75rem;background-image:linear-gradient(left,#fd9456 0,#ec5c36 100%);background-image:-moz-linear-gradient(left,#fd9456 0,#ec5c36 100%);background-image:-o-linear-gradient(left,#fd9456 0,#ec5c36 100%);background-image:-webkit-linear-gradient(left,#fd9456 0,#ec5c36 100%)}
.tc-box em.tc-close{position:absolute;top:.15rem;right:.15rem;width:.4rem;height:.4rem;border:1px solid #9e9e9e;border-radius:50%;font-size:.3rem;line-height:.35rem}
.hide{display:none!important}
.tc-box form>.form-submit button{padding:.1rem 0;font-weight:500}
.yuyue{position:absolute}


@-webkit-keyframes hvr-buzz-out{5%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
10%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
15%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
25%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
30%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
35%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
40%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
45%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
50%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.hvr-buzz-out{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-ms-transition:all 1s;-webkit-animation:hvr-buzz-out 2s ease infinite;-o-animation:hvr-buzz-out 2s ease infinite;animation:hvr-buzz-out 2s ease infinite}
.heart{animation:1.5s ease 0s normal none infinite running heart}
@keyframes heart{0%,30%,50%,60%,80%{transform:scale(1)}
40%,70%{transform:scale(.9)}
}
@keyframes heart{0%,30%,50%,60%,80%{transform:scale(1)}
40%,70%{transform:scale(.9)}
}
.swiper-slide img{border-radius:.05rem}
.bubble{position:absolute;top:1.5rem;left:.45rem;overflow:hidden;margin:0 auto;width:5.7rem;height:3rem}
.bubble li{position:absolute;top:0;z-index:0;height:auto}
.fade{animation:fadein 6s ease-in-out infinite}
.hidden{display:none}
@keyframes fadein{0%{top:2.5rem;opacity:0}
50%{top:2rem;opacity:1}
100%{top:1rem;opacity:0}
}
.bubble li{margin:0 auto;width:100%;height:.5rem;border-radius:.3rem;background:rgba(0,0,0,.4);color:#fff;text-align:center;font-size:.2rem;line-height:.5rem}
.bubble li p{display:inline-block;font-size:.2rem}
.bubble li img{display:inline-block;margin:0 .1rem;width:.25rem;height:.25rem;vertical-align:middle}
.bubble p span{margin-left:.1rem}
.pro-3 .bubble{top: 5.3rem}

.customers_list{height: 1.2rem;line-height: 1;text-align:center;/* padding:5px 0; */color: #716363;overflow:hidden}
.customers_list dd{line-height: 1;font-size: .16rem;padding: .1rem .3rem .1rem 0;display: flex;justify-content: space-between;width: 4rem;}
.form-news-icon img {
    width: .2rem;
}

.form-news {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 5.25rem;
    height: 1.2rem;
    margin: 0 auto;
    margin-top: -1.2rem;
    padding: 0 .2rem;
    background: #ffffff00;
    border-radius: .2rem;
}
.pro-10 .form-news {margin-top: 0.8rem; margin-right: 0.9rem;height: 0.55rem;border: 1px solid #c3c3c3;}
.pro-10 .customers_list{height: 0.4rem;}
.form-news-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .2rem;
    padding-right: .7rem;
}

.tc .form-submit{top: -0.1rem;}