header{position:absolute}header .main{position:static}header .main nav ul li a{color:#fff}main .o_video{display:flex;align-items:center;position:relative;width:100%;height:100%;min-height:100vh}main .o_video .main{position:relative;z-index:10}main .o_video .main h1{text-shadow:2px 2px 1px rgba(0,0,0,0.1);color:#fff;text-align:center;font-size:70px;font-weight:900;padding:150px 0 50px}main .o_video .main h2{font-size:50px;text-align:center;color:#fff}main .o_video video{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}main .o_video::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:2}main .o_touch{width:100%;height:auto;margin:50px 0 0}main .o_touch .touchbody{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-end;border-radius:30px;height:800px;background:url('/huaxinpinpai/images/touchBg.webp') no-repeat center top;background-size:100% auto}main .o_touch .touchbody h2{color:#fff;font-size:45px;font-weight:900;width:100%;text-align:center}main .o_why{width:100%}main .o_why .bigTitle h3 span{color:#e468a0;font-weight:900}main .o_why .whybody{display:flex;flex-wrap:wrap;margin:20px auto}main .o_why .whybody .why_item{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;width:100%;height:860px;border-radius:30px;overflow:hidden;margin:20px 0}main .o_why .whybody .why_item .item_img{width:50%;height:100%}main .o_why .whybody .why_item .item_img img{width:100%;height:100%;object-fit:cover}main .o_why .whybody .why_item .item_text{display:flex;flex-wrap:wrap;align-items:center;align-content:center;box-sizing:border-box;width:50%;height:100%;padding:0 50px;background-color:#f0f0f0}main .o_why .whybody .why_item .item_text h3{text-align:left;font-size:50px;color:#092254;font-weight:900;margin:20px 0}main .o_why .whybody .why_item .item_text .textICon{width:100%}main .o_why .whybody .why_item .item_text .textICon .t_ic{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;margin:20px 0}main .o_why .whybody .why_item .item_text .textICon .t_ic .iconde{width:80px;height:80px}main .o_why .whybody .why_item .item_text .textICon .t_ic .iconde img{width:100%;height:100%;object-fit:cover}main .o_why .whybody .why_item .item_text .textICon .t_ic .textde{box-sizing:border-box;width:100%;padding-left:50px;font-size:28px;color:#808080}main .o_why .whybody .why_b{flex-direction:row-reverse}main .o_why .whybody .why_b .item_img{position:relative;height:100%;background:url('/huaxinpinpai/images/RemoteImg.webp') no-repeat center;background-size:100% 100%}main .o_why .whybody .why_b .item_img .mobile{position:absolute;top:50px;left:50px;width:280px;height:370px}main .o_why .whybody .why_b .item_img .mobile .swiper{width:190px;height:100%;padding:0 50px;background:url('/huaxinpinpai/images/mobile_1.png') no-repeat center;background-size:190px 100%}main .o_why .whybody .why_b .item_img .mobile .swiper-slide{box-sizing:border-box;background-position:center;background-size:cover;width:100%;height:100%;padding:8px;border-radius:50px;overflow:hidden}main .o_why .whybody .why_b .item_img .mobile .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}main .o_why .whybody .why_b .item_img .mobile .swiper-button-next,main .o_why .whybody .why_b .item_img .mobile .swiper-button-prev{background-color:#e468a0;padding:0px 6px;border-radius:50%;overflow:hidden}main .o_why .whybody .why_b .item_img .mobile .swiper-button-next:after,main .o_why .whybody .why_b .item_img .mobile .swiper-button-prev:after{font-size:20px;color:#fff}main .o_why .whybody .why_b .item_img .swipetip{float:right;width:50%;font-size:28px;color:#092254;text-align:left;font-weight:900;padding:30px 0 0 0}main .o_global{width:100%;margin:50px 0}main .o_global .globalBody{width:100%}main .o_global .globalBody .boxes-container{display:flex;gap:24px;height:700px;width:100%}main .o_global .globalBody .box-item{position:relative;overflow:hidden;transition:flex .5s ease,box-shadow .3s ease;border-radius:20px;box-shadow:3px 3px 10px 1px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}main .o_global .globalBody .image-container{box-sizing:border-box;padding:10px;height:calc(700px * .7);overflow:hidden}main .o_global .globalBody .image-container img{border-radius:20px}main .o_global .globalBody .box-image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}main .o_global .globalBody .box-image:hover{transform:scale(1.1)}main .o_global .globalBody .text-container{box-sizing:border-box;height:calc(700px * .3);padding:50px;background-color:white}main .o_global .globalBody .box-title{text-align:center;font-size:35px;font-weight:bold;color:#092353;margin:0 0 4px 0}main .o_global .globalBody .box-title img{width:30px;height:30px;vertical-align:initial}main .o_global .globalBody .box-description{color:#999;font-size:22px;margin:0;transition:display .5s ease}main .o_global .globalBody .box-wide{flex:2}main .o_global .globalBody .box-narrow{flex:1}main .o_global .globalBody .box-narrow .image-container{height:calc(700px * .8)}main .o_product{padding:30px 0;background-color:#f0f0f0}main .o_product .productbody .swiper{box-sizing:border-box;width:100%;height:100%;padding:0 80px}main .o_product .productbody .swiper-slide{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;background-position:center;background-size:cover;width:100%;height:100%;padding:5px;border-radius:50px;overflow:hidden}main .o_product .productbody .swiper-slide .sw_left{width:50%;text-align:center}main .o_product .productbody .swiper-slide .sw_left img{width:100%;height:auto;transition:all 1s}main .o_product .productbody .swiper-slide .sw_left:hover img{transform:scale(1.1)}main .o_product .productbody .swiper-slide .sw_right{box-sizing:border-box;width:50%}main .o_product .productbody .swiper-slide .sw_right .sw_row{display:flex;justify-content:center;align-items:center;width:100%;margin:20px 0}main .o_product .productbody .swiper-slide .sw_right .sw_row h3{width:40%;font-weight:900;font-size:36px;color:#092354;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}main .o_product .productbody .swiper-slide .sw_right .sw_row h4{width:60%;color:#999;font-size:26px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;font-weight:300;font-family:"Microsoft YaHei";overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}main .o_product .productbody .swiper-slide .sw_right .sw_row .iconimg{width:33%;text-align:center;margin:10px 0}main .o_product .productbody .swiper-slide .sw_right .sw_row .iconimg img{width:65px;height:65px;transition:all .5s}main .o_product .productbody .swiper-slide .sw_right .sw_row .iconimg:hover img{transform:scale(1.05)}main .o_product .productbody .swiper-slide .sw_right .sw_row .iconimg p{font-size:20px;color:#999;padding:10px 0;font-weight:300;font-family:"Microsoft YaHei"}main .o_product .productbody .swiper-button-next,main .o_product .productbody .swiper-button-prev{background-color:#e468a0;padding:0px 6px;border-radius:50%;overflow:hidden}main .o_product .productbody .swiper-button-next:after,main .o_product .productbody .swiper-button-prev:after{font-size:20px;color:#fff}main .o_case .casebody .hzhb{width:100%}main .o_case .casebody .hzhb .row{display:flex;flex-wrap:nowrap;justify-content:center;width:100%;perspective:1000px}main .o_case .casebody .hzhb .row .imgdom{position:relative;box-sizing:border-box;width:25%;height:120px;padding:20px;background-color:#fff;box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);margin:30px;text-align:center;transform-style:preserve-3d;transition:transform 1.5s ease-in-out}main .o_case .casebody .hzhb .row .imgdom:hover{animation:flipAndReturn 1s ease-in-out}main .o_case .casebody .hzhb .row .imgdom img{width:auto;max-width:100%;height:100%;object-fit:contain}main .o_case .casebody .hzhb .row .imgdom::after{content:'';backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:url('/huaxinpinpai/images/logo.webp') #fff no-repeat center;background-size:120px auto;transform:rotateX(180deg)}@keyframes flipAndReturn{0%{transform:rotateX(0deg)}50%{transform:rotateX(180deg)}100%{transform:rotateX(0deg)}}main .o_case .casebody .zszs{display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%}main .o_case .casebody .zszs .zs_item{width:30%;margin:30px;padding:30px;text-align:center}main .o_case .casebody .zszs .zs_item img{display:block;width:100%;margin:0 auto;box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);transition:all 1s}main .o_case .casebody .zszs .zs_item:hover img{transform:scale(1.05)}main .o_case .casebody .zszs .zs_item h2{text-align:center;font-size:32px;font-weight:900;color:#092354;margin:20px 0}main .o_case .casebody .zszs .zs_item span{font-size:20px;color:#999}main .blogList{display:flex;flex-wrap:nowrap;justify-content:space-between}main .blogList .zs_item{width:20%;margin:0px 0 20px;padding:0px 0 30px;text-align:center}main .blogList .zs_item img{display:block;width:100%;height:300px;object-fit:cover;margin:0 auto;box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);background-color:#ccc;border-radius:20px;transition:all 1s}main .blogList .zs_item:hover img{transform:scale(1.05)}main .blogList .zs_item h2{text-align:center;font-size:28px;font-weight:900;margin:20px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}main .blogList .zs_item h2 a{color:#092354}main .blogList .zs_item p{font-size:18px;color:#999;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}@media screen and (max-width:1185px){main .o_video .main h1{font-size:1.1rem;padding:2rem 0 .8rem}main .o_video .main h2{font-size:.8rem}main .o_why .whybody .why_item .item_img{height:100%}main .o_touch{width:100%;height:auto;margin:.6rem 0 0;padding:0 .15rem;box-sizing:border-box}}@media screen and (max-width:820px){main .o_touch .touchbody{border-radius:.3rem;height:10rem;background:url('/huaxinpinpai/images/touchBg.webp') no-repeat center cadetblue;background-size:auto 100%}main .o_touch .touchbody h2{font-size:.8rem}main .o_why .whybody{box-sizing:border-box;padding:0 .15rem;margin:.25rem auto}main .o_why .whybody .why_item{flex-wrap:wrap;width:100%;height:19rem;border-radius:.3rem;margin:.2rem 0}main .o_why .whybody .why_item .item_img{width:100%;height:65%}main .o_why .whybody .why_item .item_text{width:100%;height:35%;padding:.3rem}main .o_why .whybody .why_item .item_text h3{font-size:.6rem;margin:.25rem 0}main .o_why .whybody .why_item .item_text .textICon{box-sizing:border-box}main .o_why .whybody .why_item .item_text .textICon .t_ic{margin:.25rem 0}main .o_why .whybody .why_item .item_text .textICon .t_ic .textde{padding-left:.2rem;font-size:.46rem}main .o_why .whybody .why_item .item_text .textICon .t_ic .iconde{width:1rem;height:1rem}main .o_why .whybody .why_b .item_img .swipetip{width:100%;font-size:.4rem;text-align:center;font-weight:900;padding:.1rem 0 0 0}main .o_why .whybody .why_b .item_img .mobile{top:0;left:0;transform:scale(.6)}main .o_global{box-sizing:border-box;padding:0 .2rem;margin:.8rem 0}main .o_global .globalBody .boxes-container{gap:0;height:auto;flex-wrap:wrap}main .o_global .globalBody .box-item{border-radius:.3rem;margin:.3rem 0}main .o_global .globalBody .box-wide{flex:100%}main .o_global .globalBody .box-narrow{flex:100%}main .o_global .globalBody .image-container img{border-radius:.3rem}main .o_global .globalBody .box-narrow .image-container{height:8rem !important}main .o_global .globalBody .image-container{padding:.15rem;height:8rem}main .o_global .globalBody .box-image:hover{transform:scale(1)}main .o_global .globalBody .box-description{display:block !important;color:#999;font-size:.35rem;line-height:1.5;text-indent:2em}main .o_global .globalBody .text-container{height:3.5rem;padding:.5rem}main .o_global .globalBody .box-title{font-size:.6rem;margin:0 0 .1rem 0}main .o_global .globalBody .box-title img{width:.8rem;height:.8rem;vertical-align:bottom}main .o_product{padding:.3rem 0}main .o_product .productbody .swiper{padding:0}main .o_product .productbody .swiper-slide{flex-wrap:wrap;padding:.2rem}main .o_product .productbody .swiper-slide .sw_left{width:100%}main .o_product .productbody .swiper-slide .sw_right{width:100%}main .o_product .productbody .swiper-slide .sw_left img{width:auto;height:10rem;transition:none}main .o_product .productbody .swiper-slide .sw_left:hover img{transform:scale(1)}main .o_product .productbody .swiper-slide .sw_right .sw_row{margin:.25rem 0}main .o_product .productbody .swiper-slide .sw_right .sw_row h3{width:35%;font-size:.5rem}main .o_product .productbody .swiper-slide .sw_right .sw_row h4{width:65%;font-size:.45rem}main .o_product .productbody .swiper-slide .sw_right .sw_row .iconimg{margin:.2rem 0}main .o_product .productbody .swiper-slide .sw_right .sw_row .iconimg img{width:1.5rem;height:1.5rem;transition:none}main .o_product .productbody .swiper-slide .sw_right .sw_row .iconimg:hover img{transform:scale(1)}main .o_product .productbody .swiper-slide .sw_right .sw_row .iconimg p{font-size:.4rem;padding:.2rem 0}main .o_case .casebody .hzhb .row{flex-wrap:wrap;gap:.3rem;margin:.3rem 0}main .o_case .casebody .hzhb .row .imgdom{width:45%;height:3rem;padding:.15rem;margin:0}.o_case{box-sizing:border-box;padding:0 .2rem}main .o_case .casebody .zszs{margin:1rem 0 0;gap:.2rem}main .o_case .casebody .zszs .zs_item{width:33%;margin:0;padding:0;gap:.25rem}main .o_case .casebody .zszs .zs_item:hover img{transform:scale(1)}main .o_case .casebody .zszs .zs_item h2{font-size:.5rem;margin:.25rem 0}main .o_case .casebody .zszs .zs_item span{font-size:.3rem}main .o_case .casebody .zszs .zs_item .bigButtons .bigButton{font-size:.3rem}main .blogList{flex-wrap:wrap;justify-content:space-around;gap:.2rem;margin-bottom:.5rem}main .blogList .zs_item{width:45%;margin:0;padding:0;text-align:center}main .blogList .zs_item img{height:6rem;box-shadow:.1rem .1rem .25rem 0 rgba(0,0,0,0.1);border-radius:.25rem;transition:none}main .blogList .zs_item h2{font-size:.45rem;margin:.2rem 0;-webkit-line-clamp:2}main .blogList .zs_item p{font-size:.4rem}}