header{position:absolute}header .main{position:static}header .main nav ul li a{color:#fff}main{width:100%}main .a_video{overflow:hidden;max-width:100%}main .a_video .video-container{position:relative;width:100vw;height:100vh;background-color:#000}main .a_video #video-element{width:100%;height:100%;object-fit:cover;display:none}main .a_video .video-poster{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;z-index:2}main .a_video .play-button{position:absolute;top:50%;left:50%;z-index:99999;width:80px;height:80px;background-color:rgba(255,255,255,0.8);border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease}main .a_video .play-button:hover{background-color:rgba(255,255,255,0.9);transform:scale(1.1)}main .a_video .play-icon{width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:30px solid #333;margin-left:5px}main .a_video .pause-icon{width:10px;height:30px;border-right:8px solid #333;border-left:8px solid #333;margin-left:-3px}main .huaxinjj{margin:0 auto 30px}main .huaxinjj .container{box-sizing:border-box;position:relative;width:100%;height:200px;overflow:hidden;padding:20px}main .huaxinjj .content{width:calc(100% - 20px);height:100%;padding:10px;box-sizing:border-box;overflow:hidden;box-shadow:1px 1px 10px 1px rgba(0,0,0,0.1)}main .huaxinjj .content p{color:#999;text-indent:2em;font-size:19px;line-height:1.5;font-weight:300;font-family:'Microsoft YaHei'}main .huaxinjj .scrollbar{position:absolute;top:50%;right:0;width:15px;height:80%;background-color:#f0f0f0;border-radius:5px;transform:translate(0, -50%)}main .huaxinjj .scrollbar-thumb{position:absolute;width:100%;height:40px;background-color:#e768a3;border-radius:5px;cursor:pointer}main .maps{height:336px;background:url('/huaxinpinpai/images/maps.jpg') #fff no-repeat center;background-size:100% 100%}main .maps ul{width:100%;height:100%;display:flex;justify-content:space-around;align-items:center;align-content:center}main .maps ul li{text-align:left}main .maps ul li .m_tit{color:#e768a3;font-size:46px;font-weight:900}main .maps ul li .m_tit span{font-size:26px}main .maps ul li .tips{color:#999;font-size:20px;font-family:"Microsoft YaHei"}main .certification{height:700px}main .certification img{width:100%;height:auto}main .advantages{overflow:hidden}main .advantages .adv_body{height:580px}main .advantages .adv_body .swiper{box-sizing:border-box;width:100%;height:100%;padding:0 50px}main .advantages .adv_body .swiper-slide{box-sizing:border-box;background-position:center;background-size:cover;width:100%;height:100%;border-radius:50px;overflow:hidden}main .advantages .adv_body .swiper-slide{display:flex;flex-wrap:nowrap;align-items:center;align-content:center;width:100%;height:100%;background-color:#f0f0f0}main .advantages .adv_body .swiper-slide>div{width:50%}main .advantages .adv_body .swiper-slide .sw-left{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;height:100%;padding:0 30px}main .advantages .adv_body .swiper-slide .sw-left .bigTitle{text-align:left}main .advantages .adv_body .swiper-slide .sw-left .bigTitle h2{font-size:50px}main .advantages .adv_body .swiper-slide .sw-left .bigTitle h3{font-size:28px}main .advantages .adv_body .swiper-slide .sw-left .tips{display:flex;justify-content:flex-start;align-items:center;width:100%}main .advantages .adv_body .swiper-slide .sw-left .tips img{width:40px;height:40px}main .advantages .adv_body .swiper-slide .sw-left .tips p{padding-left:20px;font-size:23px;color:#808080}main .advantages .adv_body .swiper-slide .sw-right{height:100%}main .advantages .adv_body .swiper-slide .sw-right img{width:100%;height:100%;object-fit:cover}main .advantages .adv_body .swiper-button-next,main .advantages .adv_body .swiper-button-prev{background-color:#e468a0;padding:0px 6px;border-radius:50%;overflow:hidden}main .advantages .adv_body .swiper-button-next:after,main .advantages .adv_body .swiper-button-prev:after{font-size:20px;color:#fff}main .customer .cus-body{display:flex;flex-wrap:nowrap;justify-content:space-between}main .customer .cus-body .cus-item{overflow:hidden;display:flex;flex-wrap:wrap;width:30%;border-radius:30px;box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}main .customer .cus-body .cus-item .custext{box-sizing:border-box;padding:20px}main .customer .cus-body .cus-item img{width:100%;height:300px;object-fit:cover}main .customer .cus-body .cus-item .customerName{display:flex;flex-wrap:nowrap;align-items:center}main .customer .cus-body .cus-item .customerName img{width:60px;height:60px;object-fit:cover;border-radius:50%}main .customer .cus-body .cus-item .customerName .cname{width:100%;padding-left:10px;text-align:left}main .customer .cus-body .cus-item .customerName .cname p{font-size:19px;font-weight:900}main .customer .cus-body .cus-item .customerName .cname span{font-size:15px;color:#808080}main .customer .cus-body .cus-item .custjs{width:100%;font-size:15px;color:#808080;padding:20px 0;text-indent:2em;line-height:1.5;border-bottom:1px solid #ccc}main .customer .cus-body .cus-item .bigButtons{margin:20px 0}main .contactbg{overflow:hidden;width:100%;height:900px;background:linear-gradient(to bottom, #092353 600px, transparent 300px);margin:50px auto}main .contactbg .bigTitle h2{color:#fff}main .contactbg .main{text-align:center}main .contactbg .main img{width:100%}main .main .contactphone{margin:20px 0}main .main .contactphone ul{display:flex;flex-wrap:nowrap;justify-content:space-around;width:100%;align-content:center}main .main .contactphone ul li{display:flex;flex-wrap:wrap;width:33%;height:auto;align-items:flex-start;justify-content:center;align-content:flex-start}main .main .contactphone ul li .picon{width:60px;height:60px;padding:20px;border-radius:50%;background-color:#fcf2f2}main .main .contactphone ul li .picon img{width:100%;height:100%}main .main .contactphone ul li p{width:100%;font-size:22px;color:#141332;text-align:center;margin:10px 0;font-weight:900}main .main .contactphone ul li span{display:inline-block;width:100%;text-align:center;font-size:20px}main .main .contactphone ul li a{display:inline-block;width:100%;text-align:center;font-size:20px;color:#333}main .main .contactphone ul li .imgQR{width:120px;margin-top:20px}main .main .contactme{margin:20px 0}main .main .contactme h2{text-align:center;font-size:60px;color:#141332;font-weight:900;margin:50px 0}main .main .contactme .message{width:100%}main .main .contactme .message .row{display:flex;flex-wrap:nowrap;width:100%;margin:15px 0}main .main .contactme .message .row .col{width:100%;margin:0 30px}main .main .contactme .message .row .col input{box-sizing:border-box;width:100%;padding:20px 5px;font-size:16px}main .main .contactme .message .row .buttonClass{width:180px;line-height:50px;font-size:16px;font-weight:600;color:#fff;background-color:#333;border-radius:50px;margin:20px auto 0;cursor:pointer}main .main .contactmap{margin:20px 0}main .main .contactmap h2{text-align:center;font-size:60px;color:#141332;font-weight:900;margin:50px 0}main .main .contactmap .map{width:100%;height:600px;background:url('/huaxinpinpai/images/mpsbg.webp') no-repeat left;background-size:100% 100%}main .main .contactmap .map iframe{width:100%}main .main .contactmedia{margin:20px 0}main .main .contactmedia h2{text-align:center;font-size:60px;color:#141332;font-weight:900;margin:50px 0}main .main .contactmedia .media ul{display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;align-content:center}main .main .contactmedia .media ul li{width:auto;text-align:center}main .main .contactmedia .media ul li img{width:200px}@media screen and (max-width:820px){main{position:relative}main .a_video .play-button{display:none}main .huaxinjj{position:absolute;top:0;left:0;z-index:4;display:flex;flex-wrap:wrap;align-content:flex-end;height:100vh;margin:0 auto .3rem}main .huaxinjj .scrollbar{display:none}main .huaxinjj .container{height:auto;padding:.2rem}main .huaxinjj .content{-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:.2rem;overflow-y:scroll;width:100%;height:5rem;background-color:rgba(255,255,255,0.5)}main .huaxinjj .content::-webkit-scrollbar{width:.5rem;height:.5rem}main .huaxinjj .content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.2rem}main .huaxinjj .content::-webkit-scrollbar-thumb{background-color:#e768a3;border-radius:10px;border:.1rem solid #f1f1f1}main .huaxinjj .content::-webkit-scrollbar-thumb:hover{background-color:#555}main .huaxinjj .content p{color:#092353;text-indent:2em;font-size:.4rem;font-weight:400}main .maps{box-sizing:border-box;padding:0 .2rem;height:5rem;margin:.5rem 0 0}main .maps ul{gap:.15rem}main .maps ul li{width:33%;text-align:center}main .maps ul li .m_tit{font-size:.56rem}main .maps ul li .m_tit span{font-size:.35rem}main .maps ul li .tips{font-size:.35rem}main .certification{box-sizing:border-box;padding:0 .2rem;height:auto}main .advantages .adv_body{height:auto}main .advantages .adv_body .swiper{box-sizing:border-box;padding:0 .2rem}main .advantages .adv_body .swiper-slide{display:flex;flex-wrap:wrap;flex-direction:column-reverse;border-radius:.6rem}main .advantages .adv_body .swiper-slide .sw-left{padding:0 .25rem;width:100%}main .advantages .adv_body .swiper-slide .sw-right{width:100%}main .advantages .adv_body .swiper-slide .sw-right img{height:7rem}main .advantages .adv_body .swiper-slide .sw-left .bigTitle{margin:.5rem 0}main .advantages .adv_body .swiper-slide .sw-left .bigTitle h2{font-size:.8rem}main .advantages .adv_body .swiper-slide .sw-left .bigTitle h3{font-size:.45rem}main .advantages .adv_body .swiper-slide .sw-left .tips img{width:.8rem;height:.8rem}main .advantages .adv_body .swiper-slide .sw-left .tips p{padding-left:.2rem;font-size:.44rem;font-weight:300}main .advantages .adv_body .swiper-slide .sw-left .bigButtons{margin:.4rem auto}main .advantages .adv_body .swiper-slide .sw-left .bigButtons .bigButton{font-size:.4rem}main .customer{box-sizing:border-box;padding:0 .2rem}main .customer .cus-body{flex-wrap:wrap;gap:.25rem}main .customer .cus-body .cus-item{width:100%;border-radius:.3rem;box-shadow:0 0 .15rem 0 rgba(0,0,0,0.2)}main .customer .cus-body .cus-item img{width:100%;height:6.5rem}main .customer .cus-body .cus-item .custext{padding:.2rem}main .customer .cus-body .cus-item .customerName img{width:1rem;height:1rem}main .customer .cus-body .cus-item .customerName .cname{padding-left:.15rem}main .customer .cus-body .cus-item .customerName .cname p{font-size:.45rem}main .customer .cus-body .cus-item .customerName .cname span{font-size:.35rem}main .customer .cus-body .cus-item .custjs{font-size:.35rem;padding:.2rem 0}main .customer .cus-body .cus-item .bigButtons{margin:.2rem 0}main .customer .cus-body .cus-item .bigButtons .bigButton{font-size:.35rem}main .contactbg{height:8rem;background:linear-gradient(to bottom, #092353 6rem, transparent 2rem);margin:.5rem auto}main .contactbg .main img{width:85%}main .main .contactphone{margin:.2rem 0}main .main .contactphone ul{flex-direction:column;align-items:center;margin:.3rem 0;gap:.2rem}main .main .contactphone ul li{width:100%}main .main .contactphone ul li .picon{width:1.5rem;height:1.5rem;padding:.2rem}main .main .contactphone ul li p{font-size:.5rem;margin:.15rem 0}main .main .contactphone ul li span{font-size:.5rem}main .main .contactphone ul li a{font-size:.5rem}main .main .contactphone ul li .imgQR{width:3rem;margin-top:.1rem}main .main .contactme{box-sizing:border-box;padding:0 .2rem;margin:.2rem 0}main .main .contactme h2{font-size:1rem;margin:.5rem 0}main .main .contactme .message .row{margin:.15rem 0;gap:.2rem}main .main .contactme .message .row .col{margin:0}main .main .contactme .message .row .col input{padding:.25rem .1rem;font-size:.35rem}main .main .contactme .message .row .buttonClass{line-height:1rem;font-size:.35rem;border-radius:.5rem;margin:.35rem auto 0}main .main .contactmap h2{font-size:1rem;margin:.5rem 0}main .main .contactmap{margin:.2rem 0}main .main .contactmap .map{overflow:hidden}main .main .contactmedia h2{font-size:1rem;margin:.5rem 0}main .main .contactmedia .media ul li img{width:100%}main .main .contactmedia .media ul{gap:1rem}main .main .contactmedia{box-sizing:border-box;margin:.2rem 0;padding:0 .2rem}}