.banner .swiper-slide{position:relative} .banner .swiper-slide .pic img{display:block;width:100%} .banner .swiper-slide .pic img.m{display:none} .banner .swiper-slide .slide-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:right} .banner .swiper-slide .text-box{width:35%;display:inline-block;text-align:left} .banner .swiper-slide .title{font-size:40px;font-family:HarmonyOS Sans SC;font-weight:400;color:#070707;line-height:1.28} .banner .swiper-slide .des{font-size:22px;font-family:HarmonyOS_Sans_SC_Light;color:#777;line-height:1.5;margin-top:15px} .banner .swiper-slide .commonMore{margin-top:50px} .box1{padding-top:60px;text-align:center} .box1 .box-c{margin-top:20px} .box1 .box-c .swiper-wrapper{position:relative;display:flex;justify-content:center;width:120vw;left:50%;transform:translateX(-50%)} .box1 .box-c .swiper-slide{position:relative;width:33.333%;overflow:hidden;transform:skew(-12deg);height:30vw;overflow:hidden;transition:all .8s;margin-left:-2px} .box1 .box-c .swiper-slide:hover{width:41%} .box1 .box-c .swiper-slide:nth-child(2),.box1 .box-c .swiper-slide:nth-child(2):hover+.swiper-slide,.box1 .box-c .swiper-slide:nth-child(3):hover{margin-left:-2px} .box1 .box-c .swiper-slide .pic{position:absolute;left:50%;top:50%;width:auto;height:100%;transform:translate(-50%,-50%)} .box1 .box-c .swiper-slide .pic img{display:block;width:auto;height:100%;object-fit:cover;transform:skew(12deg)} .box1 .box-c .swiper-slide .text-box{position:absolute;left:0;width:100%;top:64%;text-align:center;padding:0 20px;transform:skew(12deg)} .box1 .box-c .swiper-slide:first-child .text-box{right:0;width:68%;left:auto} .box1 .box-c .swiper-slide:last-child .text-box{left:0;width:78%} .box1 .box-c .swiper-slide .text-title{font-size:26px;font-family:HarmonyOS Sans SC;font-weight:400;color:#fff;line-height:1.27} .box1 .box-c .swiper-slide .commonMore1{position:relative;width:60px;height:45px;margin:45px auto 0} .box1 .box-c .swiper-slide .commonMore1::after,.box1 .box-c .swiper-slide .commonMore1::before{position:absolute;content:"";top:0;width:12px;height:100%;border:1px solid #fff;opacity:.2;box-sizing:border-box;transition:all .6s} .box1 .box-c .swiper-slide .commonMore1:hover::after,.box1 .box-c .swiper-slide .commonMore1:hover::before{background-color:#182f8e;border-color:#182f8e} .box1 .box-c .swiper-slide .commonMore1::before{left:0;transform:translateX(-200%)} .box1 .box-c .swiper-slide .commonMore1::after{right:0;transform:translateX(200%)} .box1 .box-c .swiper-slide .commonMore1 .iconfont{font-size:36px} .box1 .box-c .swiper-pagination{display:none} .box2{padding:90px 0;text-align:center;background-image:url(../images/index-box2-bg.jpg);background-size:cover} .box2 .box-c{position:relative;width:480px;margin:0 auto} .box2 .box-c .lists{padding-top:60px;margin:0 auto;width:480px;overflow:visible;transform-style:preserve-3d;perspective:2000px} .box2 .box-c .list{display:block;transform-style:preserve-3d;transition:all .3s;transform:translateZ(1150px) rotateY(0);position:relative;transform-origin:50% 50%;z-index:3} .box2 .box-c .list li{position:absolute;transform-style:preserve-3d;width:390px;overflow:hidden;backface-visibility:hidden;overflow:hidden;padding:0;display:block;transform:translate3d(0,0,0);visibility:visible;transform:rotateY(0) translateZ(-1250px);z-index:1;cursor:pointer} .box2 .box-c .swiper-slide-active .pic img{height:auto} .box2 .box-c .swiper-slide .text-box{background:rgba(255,255,255,.55);border:2px solid #fff;padding:50px;text-align:left} .box2 .box-c .swiper-slide-active .text-box,.box2 .box-c .swiper-slide.active .text-box{display:block} .box2 .box-c .swiper-slide .text-title,.nbox2 .nbox2_font .tit{font-size: 24px;font-family:HarmonyOS_Sans_SC_Medium;font-weight:400;color:#070707;line-height:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis} .box2 .box-c .swiper-slide .text-des,.nbox2 .nbox2_font .dec{font-size:18px;font-family:HarmonyOS_Sans_SC_Light;color:#999;line-height:1.875;margin-top:21px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis} .box2 .box-c .swiper-slide .more,.nbox2 .nbox2_font .more{height:50px;background:#f4f5fa;border:1px solid rgba(24,47,142,.15);font-size:16px;font-family:HarmonyOS Sans SC;font-weight:400;color:#182f8e;line-height:48px;text-align:center;margin-top: 20px;margin-bottom: 20px;transition:all .6s} .box2 .box-c .btn{position:absolute;bottom:155px;z-index:999999} .box2 .box-c .commonBtns{position:relative;z-index:999999} .box2 .box-c .btn.btn-prev{left:0;transform:translateX(-176%)} .box2 .box-c .btn.btn-next{right:0;transform:translateX(176%)} .box2 .swiper-pagination{display:none} .box3{padding:50px 0 60px;/* background:url(../images/index-box2-bg.jpg) no-repeat top center; */background-size:cover} .box3 .box-t{display:flex;justify-content:space-between;align-items:flex-end} .box3 .box-c{margin-top:25px} .box3 .box-c .swiper-wrapper{display:flex;justify-content:space-between;align-items:initial} .box3 .box-c .swiper-slide{height: 100%;width:30%} .box3 .box-c .l{background-color:#fff} .box3 .box-c .c{width:36%} .box3 .box-c .l .text-box{padding:30px 40px 50px} .box3 .box-c .l .text-box .date{display:flex;align-items:center;font-size:16px;font-weight:400;color:#111;line-height:1;opacity:.5} .box3 .box-c .l .text-box .date .iconfont{font-size:14px;margin-right:8px} .box3 .box-c .l .text-box .text-title{font-size:24px;font-family:HarmonyOS Sans SC;font-weight:400;color:#070707;line-height:1.5;margin-top:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis} .box3 .box-c .l:hover .text-box .text-title{color:#182f8e} .box3 .box-c .l .text-box-b{margin-top:34px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-family:HarmonyOS_Sans_SC_Light;color:#999;line-height:1;padding-top:22px;border-top:1px solid rgba(51,51,51,.05)} .box3 .box-c .c .icon-jiantou,.box3 .box-c .l .text-box-b .icon-jiantou{transform:scale(1.5);color:#cacbcd} .box3 .box-c .c{display:flex;flex-direction:column;justify-content: space-evenly;height: auto;} .box3 .box-c .c a{display:flex;align-items:center;justify-content:space-between;background:#fff;height: 100%;} .box3 .box-c .c .line{border-top:1px solid rgba(51,51,51,.05)} .box3 .box-c .c .pic{width:36.7%} .box3 .box-c .c .pic img{height:100%;object-fit:cover} .box3 .box-c .c .text-box{width:63.3%;padding-left:6.5%;padding-right:3%} .box3 .box-c .c .text-title{font-size:16px;font-family:HarmonyOS Sans SC;font-weight:400;color:#070707;line-height:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis} .box3 .box-c .c a:hover .text-title{color:#182f8e} .box3 .box-c .c .text-des{font-size:14px;font-family:HarmonyOS_Sans_SC_Light;color:#999;line-height:24px;height: 48px;margin-top:5px;margin-bottom:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis} .box3 .box-c .c .icon-jiantou{display:inline-block;margin-top:20px} .box3 .box-c .r{background-image:url(../images/index-box3-bg.jpg);background-size:cover} .box3 .box-c .r a{display:block;padding:55px 40px} .box3 .box-c .r .box-t{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-family:HarmonyOS_Sans_SC_Light;color:#fff;line-height:1;opacity:.5} .box3 .box-c .r .text-title{font-size:24px;font-family:HarmonyOS Sans SC;color:#fff;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-top:40px} .box3 .box-c .r .text-des{font-size:16px;font-family:HarmonyOS_Sans_SC_Light;color:#fff;line-height:2;opacity:.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;margin-top:34px} .box3 .box-c .r .commonMoreBtn{margin-top:105px} .box4{position:relative;overflow:hidden;padding:50px 0 60px;background: #f0f3f8;} .box4 .commonMore{margin-top:30px} .box4::before{content:"";position:absolute;top:-50px;left:0;width:665px;height:850px;background:url(../images/nicon1.png) no-repeat center;background-size:cover} .box4 .box-t{display:flex;justify-content:space-between} .box4 .box-t .index-title{max-width:45%} .box4 .box-t-r{width:50%} .box4 .box-t-r .text-des{font-size:16px;font-family:HarmonyOS_Sans_SC_Light;color:#777;line-height:1.87} .box4 .box-t-r .list{display:flex;margin-top:30px;align-items:center} .box4 .box-t-r .list .line{margin:0 40px;width:1px;height:78px;background-color:rgba(51,51,51,.1)} .box4 .box-t-r .list .number{display:flex;font-size:16px;font-family:HarmonyOS Sans SC;font-weight:400;color:#182f8e;line-height:1} .box4 .box-t-r .list .number .counter{font-size:46px;font-weight:400;font-family:DIN;color:#182f8e;line-height:1;margin-right:15px} .box4 .box-t-r .list .text{font-size:16px;font-family:HarmonyOS Sans SC;font-weight:400;color:#070707;line-height:1;margin-top:10px} .box4 .box-t-r .commonMore{margin-top:40px} .box4 .box-c{margin-top:40px} .box4 .box-c .list{display:flex;justify-content:space-between} .box4 .box-c .list li{position:relative;width:50%} .box4 .box-c .list li a{height: 100%;display: block;} .box4 .box-c .list li .li-box{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 70px;display:flex;align-items:center} .box4 .box-c .list li .icon{display:inline-block} .box4 .box-c .list li .icon .iconfont{color:#fff;display:block;font-size:46px;transition:all .6s} .box4 .box-c .list li:hover .icon .iconfont{transform:rotateY(180deg)} .box4 .box-c .list li .zh{font-size:26px;font-family:HarmonyOS Sans SC;font-weight:400;color:#fff;line-height:1;margin-top:20px} .box4 .box-c .list li .en{font-size:16px;font-family:DIN;font-weight:400;color:#fff;line-height:1;opacity:.3;text-transform:uppercase;margin-top:16px} .box4 .box-c .list li .commonMoreBtn{margin-top:40px} .box5{padding:70px 0 60px;background-image:url(../images/index-box5-bg.jpg);background-size:cover} .box5 .box-t{display:flex;justify-content:space-between} .box5 .box-t .l{display:flex} .box5 .box-t .l .icon{width:50px;height:50px;line-height:50px;text-align:center;background:#fff;border-radius:50%;color:#141e34;margin-right:20px} .box5 .box-t .l .icon .iconfont{font-size:30px} .box5 .box-t .l .text-box{/* flex:1; */} .box5 .box-t .l .text-title{font-size:34px;font-family:HarmonyOS Sans SC;font-weight:400;color:#fff;line-height:1} .box5 .box-t .l .text-des{font-size:18px;font-family:HarmonyOS_Sans_SC_Light;color:#fff;line-height:1.5;opacity:.7;margin-top:10px} .box5 .box-t .r{width:655px;max-width:50%} .box5 .box-t .r form .flexlf{display:flex;height:56px} .box5 .box-t .r form input{flex:1;height:100%;width:100%;background:0 0;border:1px solid rgba(255,255,255,.1);padding:0 22px;border-right:none;outline:0;font-size:16px;font-family:HarmonyOS_Sans_SC_Light;color:#fff} .box5 .box-t .r form input::placeholder{color:rgba(255,255,255,.5)} .box5 .box-t .r form .submit{width:140px;background:#fff;font-size:16px;font-family:HarmonyOS Sans SC;font-weight:400;color:#070707;line-height:56px;cursor:pointer;text-align:center} .box5 .box-t .r .tips{font-size:16px;font-family:HarmonyOS_Sans_SC_Light;color:#fff;line-height:26px;opacity:.7;margin-top:17px} .nbox2{position:relative;z-index:2;overflow:hidden} .e-lazy{position:relative;overflow:hidden;margin-bottom:-5px} .nbox2 .e-cistern-x{max-width:100%} .nbox2 .bgfff{width: 380px;margin:0 auto;position:relative;margin-top:0;min-height: 530px;} @media (max-width:750px){.nbox2 .bgfff{width:256px} } .ie10 .nbox2 .bgfff,.ie11 .nbox2 .bgfff,.ie8 .nbox2 .bgfff,.ie9 .nbox2 .bgfff{width:100%;background-color:rgba(0,0,0,0)} .nbox2 .bgfff .carousel-3d{-webkit-perspective:1500px;perspective:1500px;position:relative;margin:auto;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:all;width: 350px;} @media (max-width:750px){.nbox2 .bgfff .carousel-3d{width:256px} } .ie10 .nbox2 .bgfff .carousel-3d,.ie11 .nbox2 .bgfff .carousel-3d,.ie8 .nbox2 .bgfff .carousel-3d,.ie9 .nbox2 .bgfff .carousel-3d{width:100%;height:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .nbox2 .bgfff ul{display:block;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateZ(1150px) rotateY(0);transform:translateZ(1150px) rotateY(0);pointer-events:all;position:relative;-webkit-transform-origin:50% 50%;transform-origin:50% 50%} .ie10 .nbox2 .bgfff ul,.ie11 .nbox2 .bgfff ul,.ie8 .nbox2 .bgfff ul,.ie9 .nbox2 .bgfff ul{width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .nbox2 .bgfff ul .list{overflow:hidden;padding:0;display:block;position:absolute;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible;width: 380px;padding: 20px;-webkit-transform:rotateY(0) translateZ(-1250px);transform:rotateY(0) translateZ(-1250px);z-index:1;padding: 0 7%;} .nbox2 .bgfff ul .list.active{/* padding-right: 10%; */padding: 0px;padding-top: 0px;} .nbox2 .bgfff ul .list a {transform: scale(.95);} .nbox2 .bgfff ul .list.active a {transform:scale(1);margin-top: 2%;} @media (max-width:750px){.nbox2 .bgfff ul .list{width:256px} } .ie10 .nbox2 .bgfff ul .list,.ie11 .nbox2 .bgfff ul .list,.ie8 .nbox2 .bgfff ul .list,.ie9 .nbox2 .bgfff ul .list{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center} .nbox2 .bgfff ul .list.swiper-slide-active,.nbox2 .bgfff ul .list.swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1);background-color:#fff;border-radius:10px} .ie10 .nbox2 .bgfff ul .list.swiper-slide-active .text-con,.ie10 .nbox2 .bgfff ul .list.swiper-slide-duplicate-active .text-con,.ie11 .nbox2 .bgfff ul .list.swiper-slide-active .text-con,.ie11 .nbox2 .bgfff ul .list.swiper-slide-duplicate-active .text-con,.ie8 .nbox2 .bgfff ul .list.swiper-slide-active .text-con,.ie8 .nbox2 .bgfff ul .list.swiper-slide-duplicate-active .text-con,.ie9 .nbox2 .bgfff ul .list.swiper-slide-active .text-con,.ie9 .nbox2 .bgfff ul .list.swiper-slide-duplicate-active .text-con{opacity:1} .nbox2 .bgfff ul .list a{width:100%;display:block;height:100%;overflow:hidden} .nbox2 .bgfff ul .list a .pic img{height:100%;width:100%;object-fit:cover} .nbox2 .bgfff ul .list a .pic::after{padding-top:62.5%} .nbox2 .bgfff ul .list a .text-con{padding:40px;padding-bottom:0!important;text-align:left;background:rgba(255,255,255,.55);border:2px solid #fff} .ie10 .nbox2 .bgfff ul .list a .text-con,.ie11 .nbox2 .bgfff ul .list a .text-con,.ie8 .nbox2 .bgfff ul .list a .text-con,.ie9 .nbox2 .bgfff ul .list a .text-con{opacity:0} .section4 .e-con{margin-top:55px} .section4 .section4_font{display:block!important} @media (max-width:1700px){.nbox2 .bgfff ul .list{width: 340px;} .nbox2 .bgfff .carousel-3d{width:340px;} } @media (max-width:1200px){.nbox2 .bgfff ul .list a .text-con{padding:30px} } @media (max-width:992px){.nbox2 .bgfff ul .list a .text-con{padding:25px} } .nbox2 .bgfff ul .list a .text-con .p{font-size:16px;line-height:1.95;color:#666;margin-top:15px} .LANG-cn .nbox2 .bgfff ul .list a .text-con .p{line-height:1.95} @media (max-width:1600px){.nbox2 .bgfff ul .list a .text-con .p{font-size:14px;line-height:1.95} .LANG-cn .nbox2 .bgfff ul .list a .text-con .p{line-height:1.95} .box3 .box-c .c a{background:0 0} } @media (max-width:1459px){.box5 .box-t .r form .flexlf{height:50px} .box5 .box-t .r form .submit{width:100px;line-height:50px} .box1 .box-c .swiper-slide .text-title,.box4 .box-c .list li .zh{font-size:24px} .box1 .box-c .swiper-slide .commonMore1{width:50px;height:35px;margin:30px auto 0} .box1 .box-c .swiper-slide .commonMore1 .iconfont{font-size:26px} .box3 .box-c .l .text-box .text-title,.box3 .box-c .r .text-title{font-size:22px} .box3 .box-c .l .text-box{padding:20px 30px 30px} .box3 .box-c .r .text-des,.box3 .box-c .r .text-title{margin-top:20px} .box3 .box-c .r .commonMoreBtn{margin-top:40px} .box4 .box-t-r .list .line{margin:0 20px} .banner .swiper-slide .title{font-size:36px} .banner .swiper-slide .text-box{width:40%} } @media (max-width:1200px){.nbox2 .bgfff ul .list a .text-con .p{margin-top:10px} } @media (max-width:750px){.nbox2 .bgfff ul .list a .text-con .e-link-box{padding-top:10px} } .pag{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:0;position:absolute;left:50%;top:55%} .ie10 .pag,.ie11 .pag,.ie8 .pag,.ie9 .pag{top:500px} @media (max-width:1600px){.ie10 .pag,.ie11 .pag,.ie8 .pag,.ie9 .pag{top:450px} } .pag .button-next.button-disabled,.pag .button-prev.button-disabled{opacity:1} .ie10 .pag .button-next,.ie10 .pag .button-prev,.ie11 .pag .button-next,.ie11 .pag .button-prev,.ie8 .pag .button-next,.ie8 .pag .button-prev,.ie9 .pag .button-next,.ie9 .pag .button-prev{top:-180px} .pag .button-prev{right:260px;left:auto!important} .ie10 .pag .button-prev,.ie11 .pag .button-prev,.ie8 .pag .button-prev,.ie9 .pag .button-prev{right:280px} .pag .button-next,.pag .button-prev{margin-top:0;position:absolute;top:0;cursor:pointer;z-index:3} @media (max-width:1600px){.ie10 .pag .button-prev,.ie11 .pag .button-prev,.ie8 .pag .button-prev,.ie9 .pag .button-prev{right:200px} } @media (max-width:750px){.pag .button-prev{right:140px} .ie10 .pag .button-prev,.ie11 .pag .button-prev,.ie8 .pag .button-prev,.ie9 .pag .button-prev{right:180px} } .pag .button-next{left:290px} .ie10 .pag .button-next,.ie11 .pag .button-next,.ie8 .pag .button-next,.ie9 .pag .button-next{left:280px} @media (max-width:1600px){.ie10 .pag .button-next,.ie11 .pag .button-next,.ie8 .pag .button-next,.ie9 .pag .button-next{left:200px} } @media (max-width:750px){.pag .button-next{left:140px} .ie10 .pag .button-next,.ie11 .pag .button-next,.ie8 .pag .button-next,.ie9 .pag .button-next{left:180px} } .pag .icon-arrow-r-3::before{position:absolute;left:3px;top:-9px;line-height:normal} @media (max-width:1600px){.pag .icon-arrow-r-3::before{left:-7px;top:-17px} } @media (max-width:750px){.pag .icon-arrow-r-3::before{left:-3px;top:-11px} } .e-btn-box{padding-top:30px} .tce{text-align:center} .nbox2{padding:60px 0 0;background:url(../images/index-box2-bg.jpg) no-repeat top center;background-size:cover} .box2 .box-c .swiper-slide .more:hover,.nbox2 .bgfff ul .list:hover .nbox2_font .more{background-color:#182f8e;color:#fff} .nbox2 .bgfff ul .list:hover .nbox2_font .tit{color:#182f8e} .nbox2 .nbox2_mo{position:relative;display:none} .e-lazy img{width:100%} @media (max-width:1440px){.box4 .box-t-r .list .number .counter{font-size:45px} .box3 .box-c .l .text-box{padding:30px} } @media (max-width:1280px){.pag{top:62%} .box4 .box-t-r .commonMore{margin-top:35px} .box4 .box-t-r .list .number .counter{font-size:36px;margin-right:5px} .box4 .box-t-r .list .line{margin:0 20px} .box4 .box-c .list li .li-box{padding:0 40px} .box3 .box-c .r a{padding:30px} .banner .swiper-slide .title{font-size:36px} .box1 .box-c .swiper-slide .text-title{font-size:23px} .box1{padding-top:80px} .box2,.box3,.box4,.box5{padding:80px 0} .box2 .box-c .swiper-slide .text-box{padding:40px} .commonMore1{width:36px;height:26px} .box3 .box-c .c{width:35%} .box2 .box-c .swiper-slide .text-title,.nbox2 .nbox2_font .tit{font-size:24px} .box2 .box-c .swiper-slide .text-des,.box3 .box-c .r .text-des,.nbox2 .nbox2_font .dec{font-size:14px} .box2 .box-c .swiper-slide .more,.box3 .box-c .r .box-t,.nbox2 .nbox2_font .more{font-size:14px} .banner .swiper-slide .des,.box2 .box-c .swiper-slide .text-title,.box3 .box-c .l .text-box .text-title,.box3 .box-c .r .text-title,.nbox2 .nbox2_font .tit{font-size:20px} .box3 .box-c,.box4 .box-c .list li .commonMoreBtn{margin-top:40px} } @media (max-width:1199px){.box3 .box-c .swiper-slide{width:49%;max-width:100%} .box3 .box-c .swiper-wrapper{justify-content:flex-start} .box3 .box-c .swiper-slide:not(:last-child){margin-right:2%} .box3 .box-c .r .text-title{margin-top:20px} .box3 .box-c .l .text-box .text-title,.box3 .box-c .r .text-title{font-size:22px} .box2 .box-c .swiper-slide .text-title,.nbox2 .nbox2_font .tit{font-size:22px} .box1{padding-top:70px} .box2,.box3,.box4,.box5{padding:70px 0} .box1 .box-c,.box3 .box-c,.box4 .box-c{margin-top:50px} .box2 .box-c .swiper{padding-top:50px} .box1 .box-c .swiper-slide .text-title{font-size:22px} .banner .swiper-slide .title{font-size:30px} .box2 .box-c .swiper-slide .text-box{padding:30px} .box2 .box-c .swiper-slide .more,.nbox2 .nbox2_font .more{height:45px;line-height:43px} .box4 .box-t{flex-direction:column} .box4 .box-t .index-title{width:100%;max-width:100%} .box4 .box-t-r{margin-top:20px;width:100%} .box4 .box-t-r .list{margin-top:20px} .box4 .box-c .list li .li-box{padding:40px} .box4 .box-c .list li .icon .iconfont{font-size:36px} .box4 .box-c .list li .en{font-size:14px;margin-top:12px} .box4 .box-c .list li .commonMoreBtn{margin-top:25px} } @media (max-width:1024px){.box1 .box-c .swiper-wrapper{width:100%;justify-content:flex-start;left:0;transform:translateX(0)} .box1 .box-c .swiper-slide:hover{width:50%} .box1 .box-c .swiper-slide{transform:skew(0);width:50%;height:100%} .box1 .box-c .swiper-slide .pic img{transform:skew(0)} .box1 .box-c .swiper-slide .pic{position:relative;width:100%;height:100%;top:0;left:0;transform:translate(0,0)} .box1 .box-c .swiper-slide .pic img{width:100%;display:block} .box5 .box-t .l .text-title{font-size:26px} .box4 .box-c .list li .zh{font-size:26px;margin-top:15px} .box3 .box-c .c .text-des{-webkit-line-clamp:1} .box2 .box-c .swiper-slide .text-title,.nbox2 .nbox2_font .tit{font-size:22px} .box1{padding-top:60px} .box2,.box3,.box4,.box5{padding:60px 0} .box1 .box-c,.box3 .box-c,.box4 .box-c{margin-top:40px} .box2 .box-c .swiper{padding-top:40px} .box1 .box-c .swiper-slide:first-child .text-box,.box1 .box-c .swiper-slide:last-child .text-box{width:100%} .box1 .box-c .swiper-slide .text-box{top:auto!important;bottom:15px;transform:skew(0)} .box1 .box-c .swiper-pagination,.swiper-pagination{display:block;margin-top:10px} .box1 .box-c .swiper-slide .text-title{font-size:22px} .banner .swiper-slide .title{font-size:26px} .banner .swiper-slide .des{font-size:22px} .banner .swiper-slide .commonMore,.nbox2 .bgfff{margin-top:30px} .box1 .swiper-pagination{margin-top:0} .box4 .box-t-r .list .line{margin:0 6%} .box3 .box-c .l .text-box .text-title,.box3 .box-c .r .text-title{font-size:20px;margin-top:15px} .box5 .box-t{flex-direction:column} .box5 .box-t .r{max-width:100%;margin-top:30px} .box5 .box-t .r form{height:45px} .box5 .box-t .r form .submit{line-height:45px} .box5 .box-t .r form .flexlf{height:45px} } @media (max-width:768px){.box2 .box-c .list{width:100%} .box2 .box-c .list li{width:100%} .box1 .box-c .swiper-slide,.box1 .box-c .swiper-slide:hover{width:75%} .box5 .box-t .r form .submit{width:120px} .box5 .box-t .l .text-title{font-size:24px} .box3 .box-c .c .text-box{padding-left:0} .box3 .box-c .c .text-des{line-height:1.5;font-size:13px} .box3 .box-c .c a{background:0 0;box-shadow:0 3px 14px 0 rgba(0,80,203,0)} .box4 .box-c .list li{width:100%} .commonMore1{width:30px;height:20px} .banner .swiper-slide .des{font-size:16px!important} .commonMore1 .iconfont{font-size:16px} .box4 .box-c .list{flex-direction:column} .box4 .box-c .list li .zh{font-size:22px;margin-top:10px} .box3 .box-c .c .text-box{width:63.3%;padding-left:20px} .box3 .box-c .swiper-slide{width:100%} .box2 .box-c .swiper-wrapper{display:flex;transition-duration:.3s!important} .box2 .box-c .list li{position:relative} .box3 .box-c .c .text-des{-webkit-line-clamp:2} .box2 .swiper-pagination{display:block} .box2 .box-c .swiper-slide .text-title,.nbox2 .nbox2_font .tit{font-size:20px} .box1 .box-c .swiper-slide .commonMore1{width:40px;height:30px} .box1 .box-c .swiper-slide .text-box{top:70%} .box1 .box-c .swiper-slide .commonMore1::after,.box1 .box-c .swiper-slide .commonMore1::before{width:6px} .box1{padding-top:50px} .box2,.box3,.box4,.box5{padding:50px 0} .box1 .box-c,.box3 .box-c,.box4 .box-c{margin-top:35px} .box2 .box-c .swiper{padding-top:35px} .box1 .box-c .swiper-slide .text-title{font-size:18px} .banner .swiper-slide .pic img.pc{display:none} .banner .swiper-slide .pic img.m{display:block} .banner .swiper-slide .title{font-size:24px} .banner .swiper-slide .des{font-size:18px;margin-top:5px} .banner .swiper-slide .title{font-size:24px!important} .banner .swiper-slide .des{margin-top:10px!important} .banner .swiper-slide .slide-box{height:100%;width:100%;max-width:100%;padding:0 3%;display:flex;justify-content:flex-end;align-items:center} .banner .swiper-slide .text-box .title{line-height:1.4} .banner .swiper-slide .text-box{position:absolute;top:15%;left:50%;transform:translateX(-50%)} .box1 .box-c .swiper-pagination,.swiper-pagination{margin-top:5px} .nbox2{padding:40px 0 0 0} .box2 .box-c .swiper-slide .more,.nbox2 .nbox2_font .more{height:40px;line-height:38px} .box4 .box-t-r .commonMore{margin-top:30px} .box5 .box-t .l .text-des{font-size:18px} .box2 .box-c .swiper-slide{width:100%} .box2 .box-c .swiper-slide-active{margin:0 30px} .box2 .box-c .swiper-slide-active .text-box{opacity:1} } @media (max-width:767px){.box4 .commonMore,.nbox2 .nbox2_pc{display:none} .box4 .box-t-r .list{flex-wrap:wrap} .box4 .box-t-r .list li{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:20px} .box4 .box-t-r .list li:first-child{margin-top:0} .box4 .box-t-r .list .number{width:35%;align-items:flex-end} .box4 .box-t-r .list .text{width:65%;font-size:16px!important;margin-top:0!important} .nbox2 .nbox2_mo{display:block;width:90%;margin:0 auto;margin-top:15px} .nbox2 .nbox2_mo .swiper{padding-right:1px;padding-bottom:30px} .nbox2 .nbox2_mo .swiper-pagination{left:50%;transform:translateX(-50%)} .banner .swiper-slide .slide-box{padding:0 5%} .nbox2 .nbox2_font{opacity:1!important;margin-top:25px;text-align:center} .banner .swiper-slide .text-box{width:100%} .box4 .box-c .list li{margin-top:10px} .box3 .box-c .r .commonMoreBtn,.box3 .box-c .r .text-des{margin-top:20px} .box1 .box-c,.box3 .box-c,.box4 .box-c{margin-top:15px!important} .swiper-pagination-bullet:only-child{display:block!important} .box4 .box-t-r .text-des,.box5 .box-t .l .text-des{font-size:14px!important} .box4 .box-t-r .list .number .counter{font-size:24px!important} .box4 .box-t-r .list{margin-top:20px!important} .box4 .box-t-r,.box4 .box-t-r .list,.box5 .box-t .r .tips{margin-top:20px!important} .box4 .box-c .list li .zh{font-size:18px!important} .box4 .box-c .list li .li-box{padding:20px} .box5 .box-t .r form input{padding:0 15px} .box1 .box-c .swiper-slide .text-box{bottom:30px} .nbox2 .bgfff .carousel-3d{height:367px} .banner .swiper-slide .text-box{text-align:center} .banner .swiper-slide .commonMore{margin:0 auto} } @media (max-width:600px){.box2 .box-c .commonBtns{display:none} .box2 .box-c .list{pointer-events:initial} } @media (max-width:500px){.box1 .box-c .swiper-slide .commonMore1 .iconfont{font-size:20px} .box1 .box-c .swiper-slide .commonMore1{width:35px;height:25px;margin-top:10px} .box2 .box-c .swiper-slide .more,.box5 .box-t .r form .submit,.box5 .box-t .r form input,.nbox2 .nbox2_font .more{font-size:14px} .box3 .box-c .l .text-box .date,.box3 .box-c .l .text-box-b{font-size:14px} .box3 .box-t .index-title{text-align:center;width:100%} .box2 .box-c .swiper-slide .text-title,.nbox2 .nbox2_font .tit{font-size:18px} .box2 .box-c .swiper-slide .text-des,.nbox2 .nbox2_font .dec{font-size:14px;line-height:1.5} .box3 .box-t .commonMore{display:none} .box5 .box-t .r .tips{font-size:14px;margin-top:10px;line-height:1.5} .box5 .box-t .r form .submit{width:90px} .box5 .box-t .l .icon{margin-right:10px;width:40px;height:40px;line-height:40px} .box5 .box-t .l .icon .iconfont{font-size:24px} .box5 .box-t .l .text-des{font-size:16px} .box5 .box-t .l .text-title{font-size:22px} .box4 .box-t-r .list{justify-content:space-between} .box4 .box-t-r .list .line{display:none} .box4 .box-t-r,.box4 .box-t-r .list{margin-top:10px} .box4 .box-t-r .list .number .counter{font-size:30px} .box4 .box-t-r .list .number{font-size:14px} .box4 .box-t-r .list .text{font-size:14px} .box4 .box-c .list li .zh{font-size:20px} .box3 .box-c .l .text-box .text-title,.box3 .box-c .r .text-title{font-size:18px;margin-top:10px} .box3 .box-c .l .text-box-b{margin-top:15px;padding-top:15px} .box3 .box-c .c .text-des{margin-top:5px} .box3 .box-c .c .icon-jiantou{margin-top:10px} .box3 .box-c .r a{padding:25px} .box3 .box-c .l .text-box{padding:20px} .box2 .box-c .swiper-slide .text-box{padding:20px} .box2 .box-c .swiper-slide .text-des,.nbox2 .nbox2_font .dec{margin-top:10px} .box2 .box-c .swiper-slide .more,.nbox2 .nbox2_font .more{margin-top:20px} .box2 .box-c .swiper-slide-active{margin:0 20px!important} .box2 .box-c .swiper{width:100%} .box2 .box-c .swiper-slide{width:360px} .box2 .box-c .swiper-slide-next,.box2 .box-c .swiper-slide-prev{margin-top:-5px} .box1{padding-top:40px} .box2,.box3,.box4,.box5{padding:40px 0} .box1 .box-c,.box3 .box-c,.box4 .box-c{margin-top:25px} .box2 .box-c .swiper{padding-top:25px} .banner .swiper-slide .title{font-size:18px} .banner .swiper-slide .des{font-size:14px} .banner .swiper-slide .commonMore{margin-top:15px;height:35px;font-size:12px;width:100px} .commonMore .iconfont{margin-left:5px} .box3 .box-c .l .text-box .text-title{font-size:16px} .box3 .box-c .r .commonMoreBtn{margin-top:30px} .box1 .box-c .swiper-slide,.box1 .box-c .swiper-slide:hover{width:100%;margin-left:0} .box1 .box-c .swiper-slide:nth-child(2),.box1 .box-c .swiper-slide:nth-child(2):hover+.swiper-slide,.box1 .box-c .swiper-slide:nth-child(3):hover{margin-left:0} } .nbox2_pc{transform:scale(.88);margin-top:0} /* 20230928 */ .banner, .banner .swiper-slide .pic { position: relative; overflow: hidden; } .banner .swiper-pagination { position: absolute; left: 0px; bottom: 20px !important; display: block; } .banner .swiper-pagination-bullet { width: 30px; height: 3px; background: rgba(255, 255, 255, 0.5); opacity: 1; } .banner .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 1); } .banner .indexvideo { width: 100%; height: 100%; object-fit: fill; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .banner .viBox::before, .banner .swiper-slide .pic::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /* background: rgba(51, 51, 51, 0.3); */ width: 100%; height: 100%; z-index: 3; } .banner .inVbtn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; display: none; } .banner .video_btn { position: relative; z-index: 5; width: 60px; height: 60px; text-align: center; line-height: 60px; background: #fff; } .banner .video_btn .bficon { position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 17px; background: url(../images/nbfimg.png) no-repeat center; background-size: cover; display: block; } .popvideo video { width: 100%; object-fit: fill; } .popvideobg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.6); display: none; } .popvideobox { position: absolute; top: 50%; width: 100%; left: 50%; transform: translate(-50%, -50%); } .popvideo { max-width: 1000px; margin: 0 auto; padding: 0 20px; position: relative; } .close-video-btn { display: block; width: 25px; height: 25px; position: absolute; right: 45px; top: -15px; cursor: pointer; margin: -20px -20px 0 0; z-index: 9; } .close-video-btn::after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .close-video-btn::before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 640px) { .banner .inVbtn { display: block; } .banner .video_btn { width: 46px; height: 46px; line-height: 46px; } .banner .video_btn .bficon { width: 7px; height: 10px; } } .nbox2 .bgfff ul .list:nth-child(19),.nbox2 .bgfff ul .list:nth-child(20){display: none;} .nbox2 .bgfff ul .list .nbox2_font{/* opacity: 0 !important; */} .nbox2 .bgfff ul .list.active .nbox2_font{/* opacity: 1 !important; */}