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: .9rem;}
.pro form{position:relative;margin:0 auto;width:5.3rem;text-align:center}
.form-input{position:relative;display:block;margin-bottom:.2rem;width:5.3rem;height:.85rem;border-radius:.03rem;font-size:.24rem}
.form-input input:focus{border-color:#516fab;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%),0 0 5px #516fab;box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%),0 0 5px #516fab}
.form-input input:hover{border:1px solid #516fab}
.form-box{position:absolute;top:9.5rem;width:100%}
.form-input label{position:absolute;padding:.26rem .4rem;color:#464646}
.form-input input{padding:0 .3rem 0 .3rem;width:100%;height:100%;border:1px solid #ffecdd;border-radius:.03rem;background:#fff;color:#767676;letter-spacing:.02rem;font-size:.2rem;line-height:.67rem}
.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-input>.mj{position:absolute;top:.16rem;right:.3rem;color:#516fab;font-style:italic;font-size:.26rem}
.form-submit{display:block;margin:.75rem auto 0;width:5.2rem;height:.78rem}
.form-submit button,.pro-12 .form-submit button{display:block;width:100%;height:100%;background:0 0}
.pro-7 .swiper-pagination-bullet-active{background: #235d3b;}
.pro-8 .form-box{top:6.9rem}
.pro-8  form{width: 5.6rem;}
.pro-8 .form-input{height:.9rem;width: 5.6rem;margin-bottom: 0.15rem;font-size: .26rem;}
.pro-8 .form-input input{background:#f1f1f1}
.form-submit.btn-bg{background:url(../img/quote-btn.png) no-repeat center center;background-size:100% 100%}
.form-box form>p{bottom:.7rem;left:0;color:#868485;text-align:right;font-size:.18rem}
.form-box form>p>span {color: #ff0000;}
.container{position:absolute;width:100%}
.swiper-container .swiper-wrapper{margin-left:0!important;}
.pro-4 .swiper-container{border-radius: 10px;width: 5.8rem;}
.swiper-box{margin:0 auto;width:5.6rem;background:0 0}
.bubble{position:absolute;top:2.5rem;left:.35rem;overflow:hidden;margin:0 auto;width:5.7rem;height:3rem}
.pro-8 .bubble{top:2rem;}
.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-2 .form-input input{padding-left: 1.8rem;font-size: 0.24rem;}
.pro-3 .container{top:1.8rem}
.pro-3 .swiper-box{width:6.1rem}
.pro-3 .swiper-slide img{border-radius:10px}
.pro-3 .swiper-pagination01 span.swiper-pagination-bullet{width:.77rem;height:.1rem;border-radius:0}
.pro-3 .swiper-pagination01 span.swiper-pagination-bullet.swiper-pagination-bullet-active,.pro-4 .swiper-pagination02 span.swiper-pagination-bullet.swiper-pagination-bullet-active,.pro-6 .swiper-pagination03 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1e523b}
.pro-3 .yuyue-btn{
position:absolute;
    width: 1.75rem;
    height: 1.38rem;
    z-index: 1;}
.pro-3 .yuyue{width: 1.75rem;
    height: 1.38rem;
    top: 3.75rem;
    left: 3.13rem;
    z-index: 1;}
.pro-4 .container{top:1.94rem}
.pro-4 .swiper-box{width:5.8rem}
.pro-4 .swiper-pagination02 .swiper-pagination-bullet{color: white;margin-left: 0.08rem;padding-left: 0.08rem;width:1.35rem;height:.42rem;border-radius:.05rem;font-size:.2rem;line-height:.42rem;opacity:.5;transition:all .3s ease;flex:1}
.pro-4 .swiper-pagination02 span.swiper-pagination-bullet.swiper-pagination-bullet-active{height:.56rem;line-height:.56rem;opacity:1}
.pro-4 .swiper-pagination02{position:absolute!important;bottom:.1rem!important;z-index:10;display:flex;justify-content:center;align-items:flex-end}
.yuyue{position:absolute}
.pro-5-1 .yuyue-btn,.pro-6 .yuyue-btn,.pro-7 .yuyue-btn{margin:0 auto;width: 4.2rem;height: .58rem;background:url(../img/quote-btn.png) no-repeat;background-size:100% 100%;}
.pro-5-1 .yuyue{bottom: 1.2rem;left: .95rem;}

.pro-7 .container{top: 1.8rem;}
.pro-7 .yuyue{left: 1.1rem;}
.pro-8 .form-input input{padding-left: 1.8rem;font-size: .26rem;}
.pro-8 .form-submit{    margin: 0.55rem auto 0;}
.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(0.9);
    }
    }
    @keyframes heart {
    0%, 30%, 50%, 60%, 80% {
        transform: scale(1);
    }
    40%, 70% {
        transform: scale(0.9);
    }
    }
@-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;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    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;
}

.pro-2 .yuyue-btn{background:url(../img/2-1.png) center;background-size:100% 100%;color:#fff;text-align:center}
.pro-2 .yuyue-btn{width: 1.8rem;height: .4rem;}
.pro-2 .yuyue-box{position:absolute;}
.pro-2 .yuyue-1{bottom: 11.35rem;left:0.9rem;}
.pro-2 .yuyue-2{bottom: 11.35rem;left:3.65rem;}
.pro-2 .yuyue-3{bottom: 8.7rem;left:0.9rem}
.pro-2 .yuyue-4{bottom: 8.7rem;left:3.65rem;}


.pro-3 .swiper-slide .yuyue{right:1.21rem;bottom:.31rem;}
.pro-3 .swiper-slide .yuyue-btn{width:1.77rem;height:1.4rem;}
.pro-5 .yuyue-box{position:absolute;}
.pro-5 .yuyue-btn{background:url(../img/5-1.png) no-repeat center;background-size:100% 100%;}
.pro-5 .yuyue-btn{width:4.2rem;height:.58rem;z-index: 1;}
.pro-5 .yuyue-1{position: absolute;bottom:0.9rem;left:1.12rem;}
.pro-5 .yuyue-2{position: absolute;bottom:1.35rem;left:3.6rem;}
.pro-5 .yuyue-3{position: absolute;bottom:5.5rem;left:.72rem;}
.pro-5 .yuyue-4{position: absolute;bottom:5.5rem;left:3.6rem;}
.form-box form>p>span {color: #ff0000;}

.pro-6 .container{top: 1.8rem;left: 0.3rem;width: 5.8rem;}
.pro-6 .swiper-pagination04 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../img/hk.png) no-repeat center center;width: 0.95rem;height: 0.4rem;color: #ffffff;}
.pro-6 .swiper-pagination-bullets .swiper-pagination-bullet{
    position:relative;
    width: 0.88rem;
    height: 0.4rem;
    border-radius: 0.1rem 0.1rem 0rem 0rem;
    display: inline-block;
    background: #68483dc2;
    text-align: center;
    font-size: 0.14rem;
    color: #ffffff;
    flex: 1;
    z-index: 5;
    opacity: 1;
    line-height: 0.4rem;
        margin-right: 0.05rem
    }
.swiper-pagination04.swiper-pagination-clickable.swiper-pagination-bullets{margin-bottom: 0.15rem;/*border: 1px white solid;*/width: 5.8rem;}
.pro-6 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{    position: relative; top: -0.1rem;left: -0.15rem;}
.pro-8 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 0.8rem;height: 0.4rem;border-radius: 0;}
.pro-6 .yuyue-btn{background:url(../img/7-1.png) no-repeat;background-size:100% 100%;}
.yuyue{position:absolute}
.pro-6 .yuyue{bottom: 1.15rem;left:1.1rem}
.pro-7 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position: absolute;}




.customers_list{height: .4rem;line-height: 1;text-align:center;/* padding:5px 0; */color: #716363;overflow:hidden}
.customers_list dd{line-height: 1;font-size: .22rem;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: .5rem;
    margin: 0 auto;
    padding: 0 .2rem;
    background: #e0e0e080;
    border-radius: .2rem;
    margin-top: 0.1rem;position: absolute;
}
.pro-2 .form-news {margin-top: -1.25rem;left: 0.6rem;background: #e9f5ef;}
.pro-8 .form-news {margin-top: 0.25rem;background: #f1debc;bottom: 0.75rem;    left: 0.6rem;}
.form-news-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .2rem;
    padding-right: .7rem;
}