@keyframes o-upfade-top { 0% {opacity: 0; transform: translateY(50px); } 100% {opacity: 1; transform: translateY(0); } } @keyframes o-scale { 0%,85%,100%{ transform: scale(1); } 50%{ transform: scale(1.06); } } @keyframes o-opacity { 0%,30%,60%,100%{ opacity: 0; } 15%,45%{ opacity: 1; } } @keyframes o-scroll { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } } @keyframes bg { from { transform: scale(1.3); } to { transform: none; } } .main_tit{position:relative;} @keyframes gd01_pic { 0%{ opacity: 0; transform: translateY(-100%); } 100%{ opacity: 1; transform: translateY(0); } } .guangdian_01{width:100%;overflow:hidden; min-width:1200px;} .guangdian_01 .bg{width:100%;height: 100vh;background-size: cover !important;z-index:8; transform: scale(1.3); } .swiper-slide-active.guangdian_01 .bg{ animation:bgscale 1s linear forwards; } .guangdian_01 .pic{position:absolute; left:40%; transform: translate(-115%,0); top:20%;} .guangdian_01 .pic img{max-height:30vh;} /*================棣栭〉鐗堝潡1=====================*/ .section_gd01{padding:1rem 0 .6rem 0; box-sizing:border-box;} .section_gd01 .bg{ background:url(../images/facture_home_banner_01.jpg) no-repeat center; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;} .swiper-slide-active.section_gd01 .bg {animation: bg 1s linear forwards;} .section_gd01 .pic{position:absolute; left:10%; top:20%; width:100%; opacity:0;} .section_gd01 .pic img{width:46%;} .swiper-slide-active.section_gd01 .pic {animation: gd01_pic 1s linear forwards;} /*================棣栭〉鐗堝潡2=====================*/ .section_gd02{padding:1rem 0 .6rem 0; box-sizing:border-box;} .section_gd02 .bg{ background:url(../images/facture_home_banner_02.jpg) no-repeat center; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;} .swiper-slide-active.section_gd02 .bg {animation: o-scale 5s linear forwards;} .section_gd02 li{ color:#fff; width:22%; margin:0 0 .2rem 0; border-right: 1px solid rgba(255,255,255,0.5); padding-bottom:.1rem; padding-top:.25rem; padding-left:.25rem; box-sizing:border-box; position:relative; transition:0.3s all;} .section_gd02 li:hover{padding-top:0; } .section_gd02 li:nth-child(4n){ border-right:0;} .section_gd02 li:nth-child(n+5):before {content: '';position: absolute;top: 0rem; left:-.1rem; height: 1px;width: calc(100% - .5rem);background: rgba(255,255,255,0.5);} .section_gd02 li .ico{height:.7rem; overflow:hidden; margin-bottom:.1rem;} .section_gd02 li .ico img{height:50px; display:block;} .section_gd02 li h3{ font-size:.2rem; margin-bottom:.15rem} .section_gd02 li .desc{ line-height:1.6;} .section_gd02 li .more{position:absolute; left:.25rem; bottom:5px; opacity:0; transition:0.3s all;} .section_gd02 li:hover .more{ opacity:1;} .section_gd02 li .more i{margin-right:.15rem;} .section_gd02 li .more a{ color:#fff;} .section_gd02 li:last-child{display:flex; flex-direction:column; justify-content:center;} .section_gd02 li:last-child a{ color:#fff; margin-right:.5rem; font-size:.25rem;} .section_gd02 li:last-child a i{ margin-bottom:.2rem; display:inline-block;} /*================棣栭〉鐗堝潡3銆?=====================*/ .section .pic_box{width:45%; position:absolute; left:0; top:50%; transform:translate(0,-50%); z-index:1; } .section .txt_box{width:55%; position:relative;} .section .txt_box .img{ margin-bottom:.1rem; margin-top:.2rem;} .section .txt_box h3{ font-size:.36rem; } .section .txt_box .desc{ line-height:1.6; border-radius:10px; border:solid 2px rgba(255,255,255,0.5); padding:15px; margin-top:.25rem;margin-bottom:.1rem;} .section .txt_box .li_other{ width:100%; position:absolute; top:0; right:0;} .section .txt_box .li_other li{margin-right:0;} .section .shuzi_box li{width:23%; margin-right:2.6%; border-radius:10px; border:solid 2px rgba(255,255,255,0.5); padding:5px 0; box-sizing:border-box; margin-top:.2rem;} .section .shuzi_box li:nth-child(4n){margin-right:0;} .section .shuzi_box li .up{border-bottom:solid 2px rgba(255,255,255,0.5); padding:5px .15rem; font-size:.25rem;} .section .shuzi_box li .up span{font-size:.18rem;} .section .shuzi_box li .down{padding:5px 1px; padding:5px .15rem;} .section .txt_box .li_other li p{font-size: .14rem; color: #fff; font-weight: normal; background: #2F72A8; text-align: center; line-height: 2.2;} .section .txt_box .li_other li .white{background: rgba(255,255,255,.7); border-radius: 0 0 6px 6px;} .section .txt_box .li_other li .white h3{text-align: center;color: var(--main_color);font-size: .55rem;padding-top: .1rem;line-height: 1.2;} .section .txt_box .li_other li .white p{text-align: center;color: #333;font-size: .14rem;background: none;line-height: 1.8;padding-bottom: .1rem;} /*================棣栭〉鐗堝潡3=====================*/ .section_gd03{padding:1rem 0 .6rem 0; box-sizing:border-box; color:#fff;} .section_gd03 .bg{ background:url(../images/facture_home_banner_03.jpg) no-repeat center; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;} .swiper-slide-active.section_gd03 .bg {animation: o-scale 10s linear forwards;} .section_gd03 .txt_box a{ width:1.3rem; line-height:.36rem; text-align:center; border:solid 1px rgba(255,255,255,0.6); border-radius:.36rem; display:block; color:#fff; position:absolute; right: 0; top: .8rem; z-index:5; transition:0.3s all;} .section_gd03 .txt_box a:hover{ background:#fff; color:var(--main_color);} /*================棣栭〉鐗堝潡4=====================*/ .section_gd04{padding:1rem 0 .6rem 0; box-sizing:border-box; color:#fff;} .section_gd04 .bg{ background:url(../images/facture_home_banner_04.jpg) no-repeat center #000; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;} .section_gd04 .pic_box{right:0; left:auto; text-align:right;} .swiper-slide-active.section_gd04 .bg {animation: o-scale 10s linear forwards;} .section_gd04 .txt_box a{ width:1.3rem; line-height:.36rem; text-align:center; border:solid 1px rgba(255,255,255,0.6); border-radius:.36rem; display:block; color:#fff; position:absolute; right: 45%; top: .9rem; z-index:5; transition:0.3s all;} .section_gd04 .txt_box a:hover{ background:#fff; color:var(--main_color);} @media only screen and (min-width:991px) and (max-width: 1400px){ .section_gd04 .txt_box a{top: 1.2rem; right: 40%;} } /*================棣栭〉鐗堝潡5=====================*/ .section_gd05{padding:1rem 0 .6rem 0; box-sizing:border-box; color:#fff; overflow:hidden;} .section_gd05 .bg{ background:url(../images/facture_home_banner_05.jpg) no-repeat center #000; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;} .swiper-slide-active.section_gd05 .bg {animation: bg 5s linear forwards;} .section_gd05 .txt_box a{ width:1.3rem; line-height:.36rem; text-align:center; border:solid 1px rgba(255,255,255,0.6); border-radius:.36rem; display:block; color:#fff; position:absolute; right: 40%; top: .8rem; z-index:5; transition:0.3s all;} .section_gd05 .txt_box a:hover{ background:#fff; color:var(--main_color);} /*================棣栭〉鐗堝潡4=====================*/ .section_gd06{ overflow:hidden;} .section_gd06 .bg{ background:url(../images/iTopper.jpg) no-repeat center #000; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;} /*================楂樻晥鐢垫睜1=====================*/ .icell_box1{width:100%;overflow:hidden; min-width:1200px; position:relative;} .icell_box1 .pic{width:100%;height: 100vh;background-size: cover !important;z-index:8;-webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);} .swiper-slide-active .icell_box1 .pic{ animation:bgscale 2s linear forwards; } @-webkit-keyframes bgscale { from { transform: scale(1.3); } to { transform: scale(1); } } @keyframes bgscale { from { transform: scale(1.3); } to { transform: scale(1); } } .icell_box1 .txt{position:absolute;z-index: 9;left:0;top:0; right:0; bottom:0; text-shadow:rgba(0,0,0,0.5) 1px 1px 2px; color:#fff;} .icell_box1 .txt h3{ overflow: hidden; line-height:1.4; font-size: .56rem; white-space: pre-wrap; margin-bottom:20px;} .icell_box1 .txt p{ font-size: 16px;line-height: 2; margin-bottom: 25px;} .icell_box1 .txt a{width:1.5rem; line-height:.36rem; border-radius:.42rem; display:inline-block; color:#fff; text-align:center; font-size:.16rem; border:solid 2px rgba(255,255,255,.68); transition:0.3s; position:absolute; right:15%; bottom:15%;} .icell_box1 .txt a:hover{ background:var(--main_color);} /*================楂樻晥鐢垫睜2=====================*/ .icell_box2{padding:1rem 0 .6rem 0; box-sizing:border-box; color:#fff;} .icell_box2 .bg{ background:url(../images/icell_box02.jpg) no-repeat center; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;} .icell_box2 .txt_box{ position:relative; height:100%;z-index: 999;} .icell_box2 .txt_box .main{ position:relative;} .icell_box2 .txt_box .main .title{font-size: .36rem; font-weight: bold;} .icell_box2 .txt_box .main a{ width:1.5rem; line-height:.4rem; text-align:center; font-size:.16rem; display:inline-block; position:absolute; left:40%; top:.5rem; border:solid 2px rgba(255,255,255,0.6); border-radius:.4rem; color:#fff; z-index:10; transition:0.5s all;} .icell_box2 .txt_box .main a:hover{ background:#fff; color:var(--main_color);} .icell_box2 .txt_box ul{width:40%;} .icell_box2 .txt_box li{width:50%; margin:.2rem 0;} .icell_box2 .txt_box li .ico{ font-size:.35rem; font-family:Impact; height:.7rem; display:flex; align-items:center;} .icell_box2 .txt_box li .ico span{ font-size:.18rem; font-family:Arial, Helvetica, sans-serif; display:inline-block; margin-left:5px;} .icell_box2 .txt_box li .txt{ font-size:.16rem;} .icell_box023{ position:absolute; right:0; bottom:-5px; width:100%; text-align:right;} .icell_box023 img{ max-width:66%; display:inline-block;} /*================楂樻晥鐢垫睜3=====================*/ .icell_box3{} .icell_box3 .pic1{ position:absolute; left:0; top:0; height:100%;} .icell_box3 .pic1 img{max-height:100%; display:block;} .icell_box3 .pic2{ width:4rem; height:4.6rem; position:absolute; left:21%; top:50%; transform: translate(0,-15%); color:#fff;} .icell_box3 .pic2 li{width:50%;} .icell_box3 .pic2 li .ico{ margin-bottom:.1rem;} .icell_box3 .pic2 li .txt{ font-size:.16rem;} .icell_box3 .pic3{ position:absolute; right:0; top:0; width:42%; height:100%; display:flex; flex-direction:column; justify-content:center;} .icell_box3 .pic3 h3{ font-size:.4rem; margin:1.2rem 0 .8rem 0;} .icell_box3 .pic3 img{ max-width:86%; display:block;} /*================楂樻晥鐢垫睜4=====================*/ .icell_box4{background: linear-gradient(180deg, #fff, #ddd); height: 100%;padding: 1rem 0 0 0; box-sizing: border-box; overflow: hidden;} .icell_box4 .title{ position:absolute; left:0; top:0;} .icell_box4 .title h3{ font-size:.4rem;} .icell_box4 .title h5{ font-size:.18rem; font-weight:normal;} .cp_icell .con_tit{margin-top:6vh; text-align:center; margin-bottom:.5rem; font-size:.18rem;} .cp_icell .con_tit span{ width:2rem; line-height:.5rem; display:inline-block; background:#fff; text-align:center; cursor:pointer;} .cp_icell .con_tit span.active{background:var(--main_color); color:#fff;} .cp_icell .con_box{ position:relative;} .cp_icell .con_box .item{ position:absolute; left:0; top:0; width:100%; opacity:0; transition:0.5s all; transform: translateY(500px); z-index:1;} .cp_icell .con_box .item.active{opacity:1; transform: translateY(0); z-index:2;} .icell_box4 .cp_icell_list{ margin-top:.35rem; overflow:hidden;} .icell_box4 .cp_icell_list li{ background:#fff; width:100%; padding:.8rem .5rem; box-sizing:border-box;} .icell_box4 .cp_icell_list li .txt{ width:55%; position:relative;} .icell_box4 .cp_icell_list li .txt h2{ font-size:.25rem; color:var(--main_color); margin-bottom:.1rem;} .icell_box4 .cp_icell_list li .txt h4{font-size:.25rem; margin-bottom:.2rem;} .icell_box4 .cp_icell_list li .txt .desc{ font-size:.16rem; line-height:1.6; margin-bottom:.2rem;} .icell_box4 .cp_icell_list li .txt a{ display:inline-block; padding:6px 0; width:1.1rem; text-align:center; border-radius:.36rem; font-size:.12rem; border:solid 1px var(--main_color); color:var(--main_color);} .icell_box4 .cp_icell_list li .pic{width:45%; text-align:center;} .icell_box4 .cp_icell_list li .pic img{ width:88%;} .cp_icell_list .swiper-button-next,.cp_icell_list .swiper-button-prev{width: 20px;height: 36px; background-size: 20px 36px;} /*================楂樻晥鐢垫睜5=====================*/ .icell_box5{background: linear-gradient(180deg, #fff, #f5f5f5); height:100%;} .icell_box5 .pic1{ position:absolute; width:58%; left:-10%; bottom:0;} .icell_box5 .pic1 img{ max-width:100%; display:block;} .icell_box5 .pic1 .txt{ position:absolute; right:15%; top:5%;} .icell_box5 .pic1 .txt p{ font-size:.16rem;} .icell_box5 .pic1 .txt h3{ font-size:.36rem; color:var(--main_color); margin:.1rem 0;} .icell_box5 .pic1 .txt h5{ font-size:.2rem; font-weight:normal;} .icell_box5 .pic2{ position:absolute; width:40%; left:50%; top:50%; transform: translate(0,-40%); text-align:right;} .icell_box5 .pic2 img{max-width:100%; display:inline-block;} .icell_box5 .pic2 .txt{ width:4.5rem; margin-top:.5rem;} .icell_box5 .pic2 .txt span{ font-size:.32rem; color:var(--main_color); display:inline-block; margin-bottom:10px; font-weight:bolder;} .icell_box5 .pic2 .txt i{ font-size:.25rem; color:var(--main_color);} /*================楂樻晥鐢垫睜6=====================*/ .icell_box6{background: linear-gradient(180deg, #fff, #f5f5f5); height:100%;} .icell_box6 .pic1{ position:absolute; width:55%; right:0%; bottom:0;} .icell_box6 .pic1 img{ max-width:100%; display:block;} .icell_box6 .pic1 .txt{ position:absolute; left:5%; top:10%;} .icell_box6 .pic1 .txt p{ font-size:.16rem;} .icell_box6 .pic1 .txt h3{ font-size:.36rem; color:var(--main_color); margin:.1rem 0;} .icell_box6 .pic1 .txt h5{ font-size:.2rem; font-weight:normal;} .icell_box6 .pic2{ position:absolute; width:40%; left:5%; top:50%; transform: translate(0,-40%);} .icell_box6 .pic2 img{max-width:100%; display:inline-block;} .icell_box6 .pic2 .txt{ width:4.5rem; margin-top:.5rem;} .icell_box6 .pic2 .txt span{ font-size:.32rem; color:var(--main_color); display:inline-block; margin-bottom:10px; font-weight:bolder;} .icell_box6 .pic2 .txt i{ font-size:.25rem; color:var(--main_color);} /*================楂樻晥鐢垫睜7=====================*/ .icell_box7{background: linear-gradient(180deg, #fff, #eee); height:100%; padding:.8rem 0 0 0; box-sizing:border-box;} .gd_down_list li{width:30%; margin-right:5%; margin-top:.2rem;} .gd_down_list li:nth-child(3n){margin-right:0;} .gd_down_list li .pic{ overflow:hidden;} .gd_down_list li .pic img{ width:100%; display:block;} .gd_down_list li .txt{ padding:.15rem; background:#fff;} .gd_down_list li .txt h3{ font-size:.16rem; font-weight:normal;} .gd_down_list li .txt i{ font-size:.2rem; color:var(--main_color);} /*================iChaser1=====================*/ .iChaser_box1{width:100%;overflow:hidden; min-width:1200px; color:#fff;} .iChaser_box1 .bg{width:100%;height: 100vh; position:absolute; left:0;right:0; top:0; bottom:0; background:url(../images/iChaser1.jpg) no-repeat center;background-size: cover !important; -webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);} .swiper-slide-active.iChaser_box1 .bg{ animation:o-scale 6s linear forwards; -webkit-animation:o-scale 6s linear forwards; } .iChaser_box1 .txt{position:relative; height:100%;} .iChaser_box1 .txt .ico{margin-bottom:.8rem; margin-top:5%;} .iChaser_box1 .txt h3{ font-size:.4rem; font-weight:normal; margin-bottom:.1rem;} .iChaser_box1 .txt h5{ font-size:.4rem; font-weight:normal; margin-bottom:1rem; margin-left:8%;} .iChaser_box1 .txt h5 span{ font-size:.66rem; font-weight:bold;} .iChaser_box1 .txt a{width:1.5rem; line-height:.36rem; border-radius:.42rem; display:inline-block; color:#fff; text-align:center; font-size:.16rem; border:solid 2px rgba(255,255,255,.68); margin-left:30%; transition:0.3s;} .iChaser_box1 .txt a:hover{ background:var(--main_color);} /*================iChaser2=====================*/ .iChaser_box2{width:100%;overflow:hidden; min-width:1200px; color:#fff;} .iChaser_box2 .bg{width:100%;height: 100vh; position:absolute; left:0;right:0; top:0; bottom:0; background:url(../images/iChaser2.jpg) no-repeat center;background-size: cover !important; -webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);} .iChaser_box2 .pic1{position:absolute; left:0; bottom:0; width:60%;} .iChaser_box2 .pic1 img{max-width:100%; display:block;} .iChaser_box2 .pic2{position:absolute; left:60%; top:50%; transform: translate(0,-40%); text-shadow:rgba(0,0,0,0.8) 1px 1px 2px;} .iChaser_box2 .pic2 li{margin:.5rem 0;} .iChaser_box2 .pic2 .ico img{ height:.68rem;} .iChaser_box2 .pic2 .ico span{font-size:.56rem; font-family:Impact; margin-left:.25rem;} .iChaser_box2 .pic2 .txt{ margin-top:.25rem;} .iChaser_box2 .pic2 .txt p{ margin-bottom:.15rem;} .iChaser_box2 .pic2 .txt span{ display:inline-block; margin-left:15px;} /*================iChaser3=====================*/ .iChaser_box3{width:100%;overflow:hidden; min-width:1200px; color:#fff;} .iChaser_box3 .bg{width:100%;height: 100vh; position:absolute; left:0;right:0; top:0; bottom:0; background:url(../images/iChaser2.jpg) no-repeat center;background-size: cover !important; -webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);} .iChaser_box3 .pic1{position:absolute; left:10%; top:50%; width:60%;transform: translate(0,-40%); } .iChaser_box3 .pic1 li{margin-bottom:.6rem;} .iChaser_box3 .pic1 li:last-child{margin-bottom:0;} .iChaser_box3 .pic1 span{width:33.3%; display:inline-block;} .iChaser_box3 .pic1 .ico{ height:40px; margin-bottom:.1rem; font-size:.3rem; font-family:Impact; display:flex; align-items:center;} .iChaser_box3 .pic1 .ico img{ height:100%;} .iChaser_box3 .pic1 p{ font-size:.16rem;} .iChaser_box3 .pic2{position:absolute; right:0; bottom:0; height:100%; padding-top:80px; box-sizing:border-box; text-align:right;} .iChaser_box3 .pic2 img{height:100%; display:inline-block;} /*================iChaser4=====================*/ .iChaser_box4{background: linear-gradient(180deg, #fff, #e8e8e8); height:100%; padding:1rem 0 0 0; box-sizing:border-box; overflow:hidden;} .iChaser_box4 .title{ position:absolute; left:0; top:0;} .iChaser_box4 .title h3{ font-size:.4rem;} .iChaser_box4 .title h5{ font-size:.18rem; font-weight:normal;} .chanpin .con_tit{margin-top:6vh; text-align:center; margin-bottom:.5rem; font-size:.18rem;} .chanpin .con_tit span{ width:3rem; line-height:.5rem; display:inline-block; background:#fff; text-align:center; cursor:pointer;} .chanpin .con_tit span.active{background:var(--main_color); color:#fff;} .chanpin .con_box{ position:relative;} .chanpin .con_box .item{ position:absolute; left:0; top:0; width:100%; opacity:0; transition:0.5s all; transform: translateY(500px); z-index:1;} .chanpin .con_box .item.active{opacity:1; transform: translateY(0); z-index:2;} .cp_list{ overflow:hidden;} .cp_list li{ background:#fff; padding:.25rem .15rem; text-align:center;} .cp_list li .tit{} .cp_list li .tit h2{ font-size:.25rem; color:var(--main_color); } .cp_list li .tit h4{font-size:.2rem; margin-bottom:0rem; color:#000;} .cp_list li .pic{ overflow:hidden;margin-bottom:0rem; text-align:center;} .cp_list li .pic img{width:90%; display: inline-block;opacity:1;} @media screen and (max-width:1300px) { .cp_list li .pic img{width:55%;} } .cp_list li .txt{ line-height:1.6; margin-bottom:15px; color:#555;} .cp_list li .btn{} .cp_list li .btn a{width:40%; line-height:30px; border-radius:.42rem; font-size:.12rem; display:inline-block; color:var(--main_color);; text-align:center; border:solid 1px var(--main_color); transition:0.5s; margin:0 .1rem; box-sizing:border-box;} .cp_list li .btn a:hover{ background:var(--main_color); color:#fff;} /*鎸夐挳鍒囨崲*/ .chanpin .con_box .item .swiper-button-prev { left:-70px; background: url(../images/arr_left_1.png) no-repeat; background-size: cover;} .chanpin .con_box .item .swiper-button-next {right:-70px; background: url(../images/arr_right_1.png) no-repeat; background-size: cover;} @media screen and (max-width:1300px) { .chanpin .con_box .item .swiper-button-prev {left:-30px;} .chanpin .con_box .item .swiper-button-next {right:-28px;} } .chanpin .con_box .item .swiper-button-prev, .chanpin .con_box .item .swiper-button-next { width:50px;height: 50px; outline:none; opacity:1; transition:0.3s all; top:40%;} .chanpin .con_box .item .swiper-button-prev:hover{background: url(../images/arr_left_2.png) no-repeat; background-size: cover;} .chanpin .con_box .item .swiper-button-next:hover{background: url(../images/arr_right_2.png) no-repeat; background-size: cover;} /*================iChaser5=====================*/ .iChaser_box5{background: linear-gradient(180deg, #fff, #eee); height:100%; padding:1rem 0 0 0; box-sizing:border-box;} /*================iPower_box1=====================*/ .iPower_box1{width:100%;overflow:hidden; min-width:1200px; color:#fff;} .iPower_box1 .bg{width:100%;height: 100vh; position:absolute; left:0;right:0; top:0; bottom:0; background:url(../images/iPower1.jpg) no-repeat center;background-size: cover !important; -webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);} .swiper-slide-active.iPower_box1 .bg{ animation:o-scale 6s linear forwards; -webkit-animation:o-scale 6s linear forwards; } .iPower_box1 .txt{position:relative; height:100%;} .iPower_box1 .txt .ico{ position:absolute; left:66%; bottom:15%;} .iPower_box1 .txt h3{ font-size:.4rem; font-weight:normal; margin-bottom:.1rem; margin-top:30%;} .iPower_box1 .txt h5{ font-size:.4rem; font-weight:normal; margin-left:8%;} .iPower_box1 .txt h5 span{ font-size:.66rem; font-weight:bold;} .iPower_box1 .txt a{width:1.5rem; line-height:.36rem; border-radius:.42rem; display:inline-block; color:#fff; text-align:center; font-size:.16rem; border:solid 2px rgba(255,255,255,.68); position:absolute; left:70%; bottom:28%; transition:0.3s;} .iPower_box1 .txt a:hover{ background:var(--main_color);} /*================iPower_box2=====================*/ .iPower_box2 .pic1{position:absolute; left:5%; top:50%; width:70%;transform: translate(0,-30%); } .iPower_box2 .pic1 li{display:inline-block; margin-right:1.5rem; margin-bottom:1.5rem;} .iPower_box2 .pic1 .ico{ margin-bottom:.2rem; text-align:right;} .iPower_box2 .pic1 .ico img{ max-width:60%; display:inline-block; vertical-align:bottom; margin-right:.1rem;} .iPower_box2 .pic1 .ico span{ font-size:.25rem; font-family:Impact; color:#888;} .iPower_box2 .pic1 .txt{ text-align:right; color:#888;} .iPower_box2{background: linear-gradient(180deg, #fff, #e8e8e8); height:100%; padding:1rem 0 0 0; box-sizing:border-box;} .iPower_box2 .pic2{position:absolute; right:0; bottom:0; width:46%;} .iPower_box2 .pic2 img{max-width:100%; display:block;} @media only screen and (min-width:991px) and (max-width: 1400px){ .iPower_box2 .pic1 li{margin-right:0; margin-bottom:0;} } /*================iPower_box3=====================*/ .iPower_box3{width:100%;overflow:hidden; min-width:1200px; color:#fff;} .iPower_box3 .bg{width:100%;height: 100vh; position:absolute; left:0;right:0; top:0; bottom:0; background:url(../images/iPower_box31.jpg) no-repeat center;background-size: cover !important;} .iPower_box3 .pic{position:absolute; height:95%; left:50%; bottom:0; transform: translate(-50%,0); } .iPower_box3 .pic img{ max-height:118%; display:block;} .iPower_box3 .txt{ color:#fff; position:absolute; left:50%; top:50%; transform: translate(-50%,-40%);} .iPower_box3 .txt li{ margin:.5rem 0;} .iPower_box3 .txt li span{ font-size:.28rem; height:.6rem; display:inline-block; font-family:Impact; display:flex; align-items:center;} .iPower_box3 .txt li p{ font-size:.16rem;} .iPower_box3 .txt1{margin-left:-25%;} .iPower_box3 .txt2{margin-left:25%;} /*================iPower_box04=====================*/ .iPower_box04{padding:1.2rem 0 0 0;box-sizing:border-box;} .iPower_box04 .title{margin-bottom:.3rem;text-align:center;} .iPower_box04 .title h3{ font-size:.24rem; margin-bottom:.1rem;} .iPower_box04 .title h5{ font-size:.26rem; font-weight:normal;} .iPower_box04 .hxys li{border:1px solid var(--main_color);margin-bottom:.2rem;width:49%;border-radius:4px;padding-bottom:0;} .iPower_box04 .hxys .txt{width:60%;padding:.15rem .2rem;box-sizing:border-box;} .iPower_box04 .hxys .pic{width:40%;padding:.15rem .2rem;box-sizing:border-box;} .iPower_box04 .hxys .txt h3{font-size:.18rem;color:var(--main_color);} .iPower_box04 .hxys .txt span{display:block;width:25px;height:2px;background:var(--main_color);margin-top:.05rem;} .iPower_box04 .hxys .txt p{text-align:justify;line-height:1.6;margin-top:.1rem;font-size:.14rem;} .iPower_box04 .hxys .pic{overflow:hidden;} .iPower_box04 .hxys .pic img{width:100%;} /*================iPower_box4=====================*/ .iPower_box4{background: linear-gradient(180deg, #fff, #e8e8e8); height:100%; padding:1rem 0 0 0; box-sizing:border-box; overflow:hidden;} .iPower_box4 .title{ position:absolute; left:0; top:0;} .iPower_box4 .title h3{ font-size:.4rem; margin-bottom:0rem;} .iPower_box4 .title h5{ font-size:.18rem; font-weight:normal;} /*================iPower_box5=====================*/ .iPower_box5{background: linear-gradient(180deg, #fff, #eee); height:100%; padding:1rem 0 0 0; box-sizing:border-box;} /*================iPower_box3=====================*/ .iPower_box3{width:100%;overflow:hidden; min-width:1200px; color:#fff;} .iPower_box3 .bg{width:100%;height: 100vh; position:absolute; left:0;right:0; top:0; bottom:0; background:url(../images/iPower_box31.jpg) no-repeat center;background-size: cover !important;} .iPower_box3 .pic{position:absolute; height:95%; left:50%; bottom:0; transform: translate(-50%,0); } .iPower_box3 .pic img{ max-height:118%; display:block;} .iPower_box3 .txt{ color:#fff; position:absolute; left:50%; top:50%; transform: translate(-50%,-40%);} .iPower_box3 .txt li{ margin:.5rem 0;} .iPower_box3 .txt li span{ font-size:.28rem; height:.6rem; display:inline-block; font-family:Impact; display:flex; align-items:center;} .iPower_box3 .txt li p{ font-size:.16rem;} .iPower_box3 .txt1{margin-left:-25%;} .iPower_box3 .txt2{margin-left:25%;} /*================iPower_box04=====================*/ .iPower_box04{padding:1.2rem 0 0 0;box-sizing:border-box;} .iPower_box04 .title{margin-bottom:.3rem;text-align:center;} .iPower_box04 .title h3{ font-size:.24rem; margin-bottom:.1rem;} .iPower_box04 .title h5{ font-size:.26rem; font-weight:normal;} .iPower_box04 .hxys li{border:1px solid var(--main_color);margin-bottom:.2rem;width:49%;border-radius:4px;padding-bottom:0;} .iPower_box04 .hxys .txt{width:60%;padding:.15rem .2rem;box-sizing:border-box;} .iPower_box04 .hxys .pic{width:40%;padding:.15rem .2rem;box-sizing:border-box;} .iPower_box04 .hxys .txt h3{font-size:.18rem;color:var(--main_color);} .iPower_box04 .hxys .txt span{display:block;width:25px;height:2px;background:var(--main_color);margin-top:.05rem;} .iPower_box04 .hxys .txt p{text-align:justify;line-height:1.6;margin-top:.1rem;font-size:.14rem;} .iPower_box04 .hxys .pic{overflow:hidden;} .iPower_box04 .hxys .pic img{width:100%;} /*================iPower_box4=====================*/ .iPower_box4{background: linear-gradient(180deg, #fff, #e8e8e8); height:100%; padding:1rem 0 0 0; box-sizing:border-box; overflow:hidden;} .iPower_box4 .title{ position:absolute; left:0; top:0;} .iPower_box4 .title h3{ font-size:.4rem; margin-bottom:0rem;} .iPower_box4 .title h5{ font-size:.18rem; font-weight:normal;} /*================iPower_box5=====================*/ .iPower_box5{background: linear-gradient(180deg, #fff, #eee); height:100%; padding:1rem 0 0 0; box-sizing:border-box;} /*================iTopper_box1=====================*/ .iTopper_box1{width:100%;overflow:hidden; min-width:1200px; color:#fff;} .iTopper_box1 .bg{width:100%;height: 100vh; position:absolute; left:0;right:0; top:0; bottom:0; background:url(../images/iTopper.jpg) no-repeat center;background-size: cover !important; -webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);} .swiper-slide-active.iTopper_box1 .bg{ animation:o-scale 6s linear forwards; -webkit-animation:o-scale 6s linear forwards; } .iTopper_box1 .txt{position:relative; height:100%;} .iTopper_box1 .txt .ico{ position:absolute; left:10%; top:25%;} .iTopper_box1 .txt h3{ font-size:.4rem; font-weight:normal; margin-bottom:.1rem; margin-left:10%; margin-top:30%;} .iTopper_box1 .txt h5{ font-size:.4rem; font-weight:normal; margin-left:20%;} .iTopper_box1 .txt h5 span{ font-size:.66rem; font-weight:bold;} .iTopper_box1 .txt a{width:1.5rem; line-height:.36rem; border-radius:.42rem; display:inline-block; color:#fff; text-align:center; font-size:.16rem; border:solid 2px rgba(255,255,255,.68); position:absolute; left:12%; top:calc(25% + 125px); transition:0.3s;} .iTopper_box1 .txt a:hover{ background:var(--main_color);} /*================iTopper_box2=====================*/ .iTopper_box2 .pic1{position:absolute; left:5%; top:50%; width:70%;transform: translate(0,-30%); } .iTopper_box2 .pic1 li{display:inline-block; margin-right:1.5rem; margin-bottom:1.5rem;} .iTopper_box2 .pic1 .ico{ margin-bottom:.2rem; text-align:right;} .iTopper_box2 .pic1 .ico img{ max-width:60%; display:inline-block; vertical-align:bottom; margin-right:.1rem;} .iTopper_box2 .pic1 .ico span{ font-size:.25rem; font-family:Impact; color:#888;} .iTopper_box2 .pic1 .txt{ text-align:right; color:#888;} .iTopper_box2{background: linear-gradient(180deg, #fff, #e8e8e8); height:100%; padding:1rem 0 0 0; box-sizing:border-box;} .iTopper_box2 .pic2{position:absolute; right:0; bottom:0; width:45%;} .iTopper_box2 .pic2 img{max-width:100%; display:block;} @media only screen and (min-width:991px) and (max-width: 1400px){ .iTopper_box2 .pic1 li{margin-right:0; margin-bottom:60px;} } /*================iTopper_box3=====================*/ .iTopper_box3{width:100%;overflow:hidden; min-width:1200px; color:#fff;} .iTopper_box3 .bg{width:100%;height: 100vh; position:absolute; left:0;right:0; top:0; bottom:0; background:url(../images/iPower_box31.jpg) no-repeat center;background-size: cover !important;} .iTopper_box3 .pic{position:absolute; height:95%; left:50%; bottom:0; transform: translate(-50%,0); } .iTopper_box3 .pic img{ max-height:118%; display:block;} .iTopper_box3 .txt{ color:#fff; position:absolute; left:50%; top:50%; transform: translate(-50%,-40%);} .iTopper_box3 .txt li{ margin:.5rem 0;} .iTopper_box3 .txt li span{ font-size:.28rem; height:.6rem; display:inline-block; font-family:Impact; display:flex; align-items:center;} .iTopper_box3 .txt li p{ font-size:.16rem;} .iTopper_box3 .txt1{margin-left:-25%;} .iTopper_box3 .txt2{margin-left:28%;} /*================iTopper_box4=====================*/ .iTopper_box4{padding:1.2rem 0 0 0;box-sizing:border-box;} .iTopper_box4 .title{margin-bottom:.3rem;text-align:center;} .iTopper_box4 .title h3{ font-size:.3rem; margin-bottom:.25rem;} .iTopper_box4 .title h5{ font-size:.26rem; font-weight:normal;} .iTopper_box4 .hxys li{border:1px solid var(--main_color);margin-bottom:.2rem;width:49%;border-radius:4px;padding-bottom:0;} .iTopper_box4 .hxys .txt{width:calc(100% - 100px);padding:.15rem .2rem;box-sizing:border-box;} .iTopper_box4 .hxys .pic{width:100px;padding:.15rem .2rem;box-sizing:border-box;} .iTopper_box4 .hxys .txt h3{font-size:.18rem;color:var(--main_color);} .iTopper_box4 .hxys .txt span{display:block;width:25px;height:2px;background:var(--main_color);margin-top:.1rem;} .iTopper_box4 .hxys .txt p{text-align:justify;line-height:1.8;margin-top:.15rem;font-size:.14rem;} .iTopper_box4 .hxys .pic{overflow:hidden;} .iTopper_box4 .hxys .pic img{width:100%;} /*================gongsijieshao1=====================*/ .gongsijieshao{width:100%;overflow:hidden; min-width:1200px; color:#fff;} .gongsijieshao .bg{width:100%;height: 100vh; position:absolute; left:0;right:0; top:0; bottom:0; background:url(../images/gongsijieshao1.jpg) no-repeat center;background-size: cover !important; -webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);} .swiper-slide-active.gongsijieshao .bg{ animation:o-scale 6s linear forwards; -webkit-animation:o-scale 6s linear forwards; } .gongsijieshao .left{width:18%;border-radius:4px; padding: .5rem 0;} .gongsijieshao .left .tier1{} .gongsijieshao .left .tier1 h6{font-size:.24rem;color:#fff;font-weight:normal;} .gongsijieshao .left .tier1 span{display:block;width:20px;height:1px;background:rgba(255,255,255,.8);margin:.05rem 0 .2rem 0;} .gongsijieshao .left .tier1 h5{font-size:.18rem;color:#fff;font-weight:normal;margin-bottom:.25rem;} .gongsijieshao .left .tier1 p{font-size:.14rem;color:#fff;font-weight:normal;background:#2F72A8;text-align:center;line-height:2.2;} .gongsijieshao .left .tier1 .white{background:rgba(255,255,255,.7);border-radius:0 0 6px 6px ;} .gongsijieshao .left .tier1 .white h3{text-align:center;color:var(--main_color);font-size:.55rem;padding-top:.1rem;} .gongsijieshao .left .tier1 .white p{text-align:center;color:#333;font-size:.14rem;background:none;line-height:none;padding-bottom:.1rem;} .gongsijieshao .left .brand{} .gongsijieshao .left .brand li{overflow:hidden; margin-top:.15rem;width:100%;background:rgba(255,255,255,.7);border-radius:4px;} .gongsijieshao .left .brand li img{width:60%;/*height:.8rem;*/margin: 0.2rem 0;} .gongsijieshao .right{width:70%;padding:.3rem 0;} .gongsijieshao .right li{width:32%; text-align:center;margin-bottom:.4rem;text-align:center;} .gongsijieshao .right .ico{ height:50px; display:flex; justify-content:center;align-items:center;} .gongsijieshao .right .ico img{max-height:.35rem;} .gongsijieshao .right h3{ font-size:.2rem;} .gongsijieshao .right h3:after{width:.3rem; height:2px; background:rgba(255,255,255,0.5); content:''; margin:.2rem auto .15rem auto; display:block;} @media only screen and (min-width:991px) and (max-width: 1400px){ .gongsijieshao .right{justify-content: initial;margin-bottom: 1rem;} } /*================gongsijieshao2=====================*/ .gongsijieshao2{background: linear-gradient(180deg, #fff, #EEF5FB); height:100%; padding:1rem 0 0 0; box-sizing:border-box;} .gongsijieshao2 .txt{ display:flex; flex-direction:column; justify-content:center;} .gongsijieshao2 h2{ color:var(--main_color); font-size:.3rem; margin-bottom:.12rem;} .gongsijieshao2 h3{ color:var(--main_color); font-size:.25rem; margin-bottom:.25rem; font-weight:normal; line-height:1.3;} .gongsijieshao2 .desc{ font-size:.16rem; line-height:1.6; margin-bottom:.15rem; text-align:justify;} .gongsijieshao2 .desc p{ margin-bottom:5px;} .gongsijieshao2 .pic{ position:relative;} .gongsijieshao2 .pic img{max-width:100%;} .gongsijieshao2 .pic .videoplay_circle{ position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 80px; height: 80px; border-radius: 50%;} .gongsijieshao2 .pic .videoplay_circle .videoplayimg {width: 100%;animation: circle 2s linear infinite;position: absolute;top: 0;left: 0;} .gongsijieshao2 .pic .videoplay_circle:hover{ background: rgba(0, 0, 0, 0.2);} @keyframes circle { 0% { transform: rotate(0); } to { transform: rotate(380deg); } } /*================hexinyoushi01=====================*/ /* --------------------------------runpic-box------------------------------ */ .pic_box {width: 100%; height:100vh;overflow: hidden;position: relative;} .pic_box .txt {position: absolute;top:0; left:0;width: 100%; height:100%;z-index: 3;} .pic_box .txt li {width: 14.285%; height:100%; float: left; border-right: 1px solid rgba(255, 255, 255, 0.1); box-sizing:border-box; position:relative;} .pic_box .txt li:last-child{border-right:0;} .pic_box .txt li:before{ width: 100% ; z-index: 5; height: 0; position: absolute; top:50%; left: 0; display: block; content: ''; background-color: rgba(0, 0, 0, 0.3); transition: all .5s; } .pic_box .txt li:hover:before{ height: 100%; top:0;} .pic_box .txt li a{ position:relative; z-index:6; text-align:center;} .pic_box .txt li .ico {height:.7rem;} .pic_box .txt li .ico img {display: block;margin: 0 auto;transition: all 1s; max-height:.6rem;} .pic_box .txt li:hover .ico img { transform: rotateY(180deg);} .pic_box .txt li h6 {font-size: 20px;color: #fff; margin-top: .25rem;} .pic_box .txt li p {font-size:.16rem;color: #fff;text-align:center; line-height:1.6; margin-top: 10px;} .pic_box .pic {width: 100%;overflow: hidden;position: relative;z-index: 1;height: 100%;} .pic_box .pic li {width: 100%; height: 100%;display: none;background-repeat: no-repeat !important;background-size: cover;position: absolute;top: 0%;left: 0%;} .runpic_pic{animation: toPicBig 1s ease-in-out both;} @keyframes toPicBig {0% {transform: scale(1.04);}100% {transform: scale(1);}} .pic_shade {position: absolute;z-index: 2;width: 100%;height: 100%; background-color: rgba(0, 0, 0, .4); transition: all 2s;} /*================hexinyoushi02=====================*/ .hexinyoushi02{background:url(../images/hexinyoushi02.jpg) no-repeat center;background-size: cover; padding-top:.5rem; box-sizing:border-box;} .hexinyoushi02 .box1{} .hexinyoushi02 .box1 .txt1{ width:30%; display: flex; flex-direction:column;justify-content:center;} .hexinyoushi02 .box1 .txt1 h3{ font-size:.3rem; color:var(--main_color); line-height:1.5; margin-bottom:.25rem;} .hexinyoushi02 .box1 .txt1 h3 span{font-size:.36rem;} .hexinyoushi02 .box1 .txt1 .desc{ font-size:.16rem; line-height:2; text-align:justify;} .hexinyoushi02 .box1 .txt2{width:66%;} .hexinyoushi02 .box1 .txt2 li{ width:32%;background: #fff; margin-bottom: 15px;padding: var(--module_gap-small);box-shadow: 0 0 8px #dedede; box-sizing:border-box; transition:.5s all;} .hexinyoushi02 .box1 .txt2 li .ico{display: flex;align-items: center;margin-bottom: 10px;} .hexinyoushi02 .box1 .txt2 li .ico i{margin-right:.25rem;} .hexinyoushi02 .box1 .txt2 li .ico i img{transition:.5s all; max-height:.4rem;} .hexinyoushi02 .box1 .txt2 li .ico span{font-size: .25rem; color: var(--main_color);font-weight: bold; transition:.5s all;} .hexinyoushi02 .box1 .txt2 li .desc{font-size:.15rem; line-height:1.6; text-align:justify;} .hexinyoushi02 .box1 .txt2 li:hover{ background: var(--main_color); color:#fff;} .hexinyoushi02 .box1 .txt2 li:hover .ico i img{filter: grayscale(100%) brightness(500%);} .hexinyoushi02 .box1 .txt2 li:hover .ico span{color:#fff;} .hexinyoushi02 .box2{ margin-top:.25rem;} .hexinyoushi02 .box2 li{min-height:1.25rem;border-top: 10px solid #c9caca;background: linear-gradient(-45deg,transparent 19px,#fff 0);text-align: center;width:23.5%; position: relative;} .hexinyoushi02 .box2 li i {display: block;font-weight: bold;font-size: .25rem;margin-bottom: 10px; font-style:normal;} .hexinyoushi02 .box2 li span{display: block; font-size:.16rem;} .hexinyoushi02 .box2 li:before {content: '';position: absolute; background: linear-gradient(315deg,transparent 25px,var(--main_color) 0);width: 31px;height: 32px;bottom: -5px;right: -4px;} .hexinyoushi02 .box2 li:hover {background: linear-gradient(-45deg,transparent 18px,var(--main_color) 0);color: #fff;border-color: var(--main_color);} /*================hexinyoushi03=====================*/ .hexinyoushi03{background:url(../images/hexinyoushi03.jpg) no-repeat center;background-size: cover; padding:.8rem 0 0 0; box-sizing:border-box;} .hexinyoushi03 li {width:32%;background: #fff; margin-bottom:.25rem;padding:.25rem .3rem; box-shadow: 0 2px 5px #999; box-sizing:border-box;} .hexinyoushi03 li .ico {display: flex;align-items: center;margin-bottom:.15rem;} .hexinyoushi03 li .ico i { margin-right: var(--module_gap-middle);} .hexinyoushi03 li .ico i img{max-height: .5rem;} .hexinyoushi03 li .ico h3 {color: var(--main_color);font-size: .2rem;} .hexinyoushi03 li .desc {line-height: 1.6; font-size:.16rem; text-align:justify;} /*================hexinyoushi04=====================*/ .hexinyoushi04{} .hexinyoushi04 .txt{ font-size:.16rem; line-height:1.6;} .hexinyoushi04 .txt h3{ font-size:.22rem; color:var(--main_color); margin:.2rem 0 .1rem 0;} .yanfa{ margin-top:.35rem;} .yanfa_list{ overflow:hidden;} .yanfa li{background: #fff;border: 1px solid #bfbfbf;display: flex; align-items: center;justify-content: center;cursor: pointer; padding:.4rem 0;} .yanfa li .ico{margin-right: var(--module_gap-middle);} .yanfa li .ico i img{ max-height:.9rem;} .yanfa li .txt{} .yanfa li .txt h5{font-size: .3rem;color: var(--main_color);border-bottom: 1px solid #eaeaea;padding-bottom: .1rem;margin-bottom: .1rem;} .yanfa li .txt p{ font-size:.16rem; line-height:1.6;} /*鎸夐挳鍒囨崲*/ #yanfa_btn{position:relative;} #yanfa_btn .swiper-button-prev { left:-30px; background: url(../images/arr_r2.png) no-repeat; background-size: cover;} #yanfa_btn .swiper-button-next {right:-30px; background: url(../images/arr_r1.png) no-repeat; background-size: cover;} #yanfa_btn .swiper-button-prev, #yanfa_btn .swiper-button-next { width:15px;height: 22px; outline:none; opacity:1; transition:0.3s all;} /*================hexinyoushi05=====================*/ .hexinyoushi05{background:#E3EAF0; padding:.7rem 0 0 0; box-sizing:border-box;} .hexinyoushi05 ul{ margin-top:.05rem;} .hexinyoushi05 li{width:19%;background: #fff;padding:.6rem .3rem;text-align: center;align-self: normal; box-sizing:border-box;} .hexinyoushi05 li i img{ max-height:.6rem;} .hexinyoushi05 li h5{font-size: .25rem;margin-top: .15rem;padding-bottom: .15rem;position: relative;} .hexinyoushi05 li h5:before {content: '';position: absolute;width: .3rem;height: 1px;background: #d5d6de;bottom: 0;left: 0;right: 0;margin: auto;} .hexinyoushi05 li p{ font-size:.16rem; line-height:1.8; margin-top:.15rem} /*================hexinyoushi06=====================*/ .hexinyoushi06{ padding:.8rem 0 0 0; box-sizing:border-box;} .hexinyoushi06 .box1{} .hexinyoushi06 .box1 .txt{ width:100%;} .hexinyoushi06 .box1 .txt h3{ font-size:.35rem; margin-bottom:.1rem;} .hexinyoushi06 .box1 .txt h5{ font-size:.25rem; line-height:1.3; color:var(--main_color); margin-bottom:.15rem;} .hexinyoushi06 .box1 .txt .desc{ font-size:.16rem; line-height:1.8; text-align:justify;} .hexinyoushi06 .box1 .pic{ width:45%; position:relative;} .hexinyoushi06 .box1 .pic img{width:5rem;} .hexinyoushi06 .box2{ margin-top:.25rem;} .hexinyoushi06 .box2 .con_tit {margin-bottom:.15rem;} .hexinyoushi06 .box2 .con_tit li{font-size:.25rem;margin-bottom:.15rem; display:inline-block; cursor:pointer;} .hexinyoushi06 .box2 .con_tit li.active{ color:var(--main_color); } .hexinyoushi06 .con_box{ position:relative; min-height:1.9rem;} .hexinyoushi06 .con_box .shengchanli{ position:absolute; left:0; top:0; width:100%; opacity:0; transition:0.5s all; transform: translateY(50px); z-index:1;} .hexinyoushi06 .con_box .shengchanli.active{opacity:1; transform: translateY(0); z-index:2;} .shengchanli{} .shengchanli_list{ overflow:hidden;} .shengchanli_list li{display: flex;justify-content: space-between;align-items: center;} .shengchanli_list li .pic{width:42%} .shengchanli_list li .pic img{width:100%; display:block;} .shengchanli_list li .txt{width: 53%;} .shengchanli_list li .txt h6{font-size: .22rem; margin-bottom: .1rem;} .shengchanli_list li .txt p{ font-size:.16rem; line-height:1.8; text-align:justify;} /*鎸夐挳鍒囨崲*/ .shengchanli{position:relative;} .shengchanli .swiper-button-prev { left:-30px; background: url(../images/arr_r2.png) no-repeat; background-size: cover;} .shengchanli .swiper-button-next {right:-30px; background: url(../images/arr_r1.png) no-repeat; background-size: cover;} .shengchanli .swiper-button-prev, .shengchanli .swiper-button-next { width:15px;height: 22px; outline:none; opacity:1; transition:0.3s all;} /*================hexinyoushi07=====================*/ .hexinyoushi07{ box-sizing:border-box; background:url(../images/hexinyoushi07.jpg) no-repeat center;background-size: cover; padding-top:.6rem; box-sizing:border-box;} .hexinyoushi07 .box{} .hexinyoushi07 .box .txt1{ width:48%;} .hexinyoushi07 .box .txt1 h4{ font-size:.25rem; line-height:1.2; color:#000; margin-bottom:.1rem;} .hexinyoushi07 .box .txt1 h5{font-size:.22rem; color:var(--main_color); margin-bottom:.15rem;} .hexinyoushi07 .box .txt1 .desc{font-size:.16rem; line-height:1.8; text-align:justify;} .hexinyoushi07 .box .txt1 .pic img{ max-width:60%;} .hexinyoushi07 .box .txt2{width:48%;} .hexinyoushi07 .box .txt2 .ico{display: flex;align-items: center;} .hexinyoushi07 .box .txt2 .ico i{margin-right: var(--module_gap-middle);} .hexinyoushi07 .box .txt2 .ico img{height: 1.2rem;} .hexinyoushi07 .box .txt2 .ico h4{color: var(--main_color);font-size: .25rem;line-height: 1.4;} .hexinyoushi07 .box .txt2 .desc{font-size:.16rem; line-height:1.8; text-align:justify;} .hexinyoushi07 .box .txt2 .tit{color: var(--main_color);font-size: .2rem;font-weight: bold; margin:.2rem 0 .1rem 0;} /*================hexinyoushi08=====================*/ .hexinyoushi08{ box-sizing:border-box; positionr:relative; height:100vh; padding-top:100px; box-sizing:border-box; background: linear-gradient(180deg, #fff, #F4F8FB#F4F8FB); height:100%;} .hxys_tit h3{ font-size:.36rem; margin-bottom:.15rem; text-align:center;} .hxys_tit h5{font-size:.25rem; color:var(--main_color); margin-bottom:.25rem; text-align:center;} .hexinyoushi08 .desc{font-size:.16rem; line-height:1.8; text-align:justify; } .hexinyoushi08 .pic{ position:absolute; left:0; bottom:0; text-align:center; width:100%;} .hexinyoushi08 .pic img{max-height: 50vh; } /*鍙充晶鎮诞*/ .cndns-right{position:fixed;right:2px;bottom:180px; z-index:100} .cndns-right-meau{position:relative;margin:0 0 5px} .cndns-right-btn{width:44px;height:auto;overflow:hidden;padding:11px 0;text-align:center;display:block;position:relative;background-color:#596efb;border-radius:5px;box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);} .meau-contact .cndns-right-btn{background-color:#6ab12e;} .cndns-right-btn p{font-size:12px;line-height:16px;padding-top:6px;color:#fff;margin:0 auto} .demo-icon{width:22px;height:22px;display:block;background:url(../images/fuDong1.png) no-repeat;margin:0 auto} .demo-icon1{background-position:0 0} .demo-icon2{background-position:0 -22px} .demo-icon3{background-position:0 -88px} .demo-icon4{background-position:0 -66px} .cndns-right-box{position:absolute;top:0;right:29px;padding-right:25px;display:none} .cndns-right-box:after{content:'';position:absolute;right:18px;top:15px;width:13px;height:13px;border-radius:2px;background-color:#fff;border-top:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08);transform:rotate(45deg)} .cndns-right-btn:hover{background-color:#0c5a99} .cndns-right-box .box-border{padding:20px 30px 24px;width:200px;height:auto;overflow:hidden;background-color:#fff;border-radius:5px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.15);-moz-box-shadow:0 0 8px rgba(0,0,0,.15);box-shadow:0 0 8px rgba(0,0,0,.15);position:relative} .meau-cord .cndns-right-box .box-border{width:260px;padding:20px; text-align:center;} .meau-cord .cndns-right-box .box-border img{width:125px;} .box-border p{font-size:14px;color:#666;line-height:32px;padding-left:24px;margin:0} .box-border p a{font-size:14px;color:#666;line-height:32px;display:block} .box-border .wz1{font-size:18px;color:#333;padding:0 0 8px} .box-border .wz2{background:url(../images/fuDo1.png) left 8px no-repeat} .cndns-right-meau:hover .cndns-right-box{display:block} .cndns-right .hide{ display:none;}