/* @adapt 2026-07-17 移动端/平板：主断点 1015px，详见 ../MOBILE-ADAPT.md */ @import url(../css/jiang.css); .intelligence-nav-p { display: none; } .bshare-custom{ display: none !important; } body{padding-top: .9rem; max-width: 22rem; margin: 0 auto;} .auto{width: 94%; max-width:14.4rem; margin:0 auto} .swiper .swiper-pagination-bullet{width: .1rem; height: .1rem; opacity: 1; background: #fff; cursor: pointer;} .swiper .swiper-pagination-bullet-active{background: #005aa0;} .c-img-box{overflow: hidden;} .c-img{background-size: cover; transition: all .6s;} .c-m-img{display: none;} .scroll-hint{display: none; margin-bottom: .1rem; color: #005aa0;} .tach-tips {display: none; width: 1.3rem; pointer-events: none; position: absolute; right: 0; top: 30%; z-index: 999;} .tach-tips-ic{width: .8rem;} .tach-tips.animated {animation: tachTips 3s forwards;} em{line-height: inherit;} .c-txtam{overflow: hidden;} .c-txtam em{display: block;} .c-til-box{margin-bottom: .24rem;} .c-h1{color: #4c4c4c; line-height: 1.3;} .c-more{width: 1.26rem; height: .52rem; line-height: .52rem; background: #c92a2e; display: flex; justify-content: center; color: #fff; transition: all .4s;} .c-more:after{content: ""; display: block; width: .07rem; height: 100%; background: url(../images/icon-more3.png) no-repeat center; background-size: contain; margin-left: .18rem; transition: all .4s;} .c-more:hover{background-color: #ac1212;} .c-more:hover:after{transform: translateX(.1rem);} .c-anchor{position: absolute; top: -.9rem; left: 0; height: 0; width: 100%;} #header .header_top .header{ height: .5rem !important; background-color: #005aa0 !important; box-shadow: none !important; } #header .header_top .header .fl{ line-height: .5rem; color: rgba(255,255,255,.7); } #header .header_top .header .fr{ height: 100%; } #header .header_top .header .fr ul{ display: flex; justify-content: left; height: 100%; align-items: center; padding-right: .13rem; } #header .header_top .header .fr ul li{ margin-left: 0.08rem; } .idx-body{padding-top: 0;} .idx-body #header .header{background: transparent;} .idx-body #header .logo .i1{opacity: 0;} .idx-body #header .logo .i2{opacity: 1;} .idx-body #header .nav li a{color: rgba(255,255,255,.75);} .idx-body #header .nav li.on a{color: #fff;} .idx-body #header .head-search{background-image: url(../images/icon-seek2.png);} .idx-body #header .lang-box span{background-image: url(../images/icon-lang2.png);} .idx-body #header .lang-box:before{background-color: #fff;} #header{width:100%;min-width:12.8rem;max-width: 22rem; margin:auto;position:fixed;top:0px;left:0px;right:0px;z-index:9999;transition:all cubic-bezier(0.48,0.04,0.52,0.96) .4s} #header .head-le{height: 100%;} #header .logo{position: relative; float:left; height:100%; display: flex; align-items: center;} #header .logo img{width: 1.46rem;} #header .header,.white #header .header,.start #header .header{position: relative; height: .9rem; padding:0 .6rem; z-index:15;transition:all .4s;background:#fff;} #header .logo .i1,.white #header .logo .i1,.start #header .logo .i1{transition: all .4s; opacity: 1;} #header .logo .i2,.white #header .logo .i2,.start #header .logo .i2{position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; opacity: 0; transition: all .4s;} #header .nav li a,.white #header .nav li a,.start #header .nav li a{line-height:.9rem;color:#4c4c4c;font-weight:bold;display:block;position:relative;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s} #header .head-search,.white #header .head-search,.start #header .head-search{margin: 0 0 0 .26rem; width: .48rem; height: .6rem; background: url(../images/icon-seek.png) no-repeat center; cursor: pointer;} #header .lang-box:before,.white #header .lang-box:before,.start #header .lang-box:before{content: ""; display: block; position: absolute; left: 0; top: 50%; height: .16rem; width: .02rem; background: #e6e6e6; margin-top: -.08rem;} #header .lang-box span,.white #header .lang-box span,.start #header .lang-box span{padding: .1rem .2rem .1rem .29rem; width: .48rem; height: .6rem; line-height: .4rem; color: #fff; background: url(../images/icon-lang.png) no-repeat center; background-size: .18rem; border: 0 none; transition: all .4s; font-weight: 600;} #header .nav{position: relative; z-index: 11; float: right; display:flex;justify-content:flex-end} #header .nav ul{float:left} #header .nav li{float:left;text-align:center;position:relative;margin-right:.3rem} #header .nav li:last-child{margin-right:0;} #header .nav li a.on{color:#005aa0} #header .head_ri{float:right; display: flex; height: 100%; align-items: center;} #header .lang-box{float: left; position: relative; display: flex; align-items: center; width: auto; z-index: 99;} #header .lang-box ul{display: none; position: absolute; z-index: 20; right: 0; top: .6rem; width: auto; padding: .1rem 0; border: 1px solid #e4ede7; background: #fff; border-radius: .04rem;} #header .lang-box li{color: #999; padding: 0; text-align: center;} #header .lang-box li a{line-height: .34rem; transition: all .4s; color: #666; font-weight: 600; text-align: right; padding: 0 .2rem; white-space: nowrap;} #header .lang-box li:hover a{color: #005aa0;} .white #header .header,.start #header .header{box-shadow:0 0 .1rem rgba(0,0,0,.1)} .idx-body.white #header .nav li.on a,.idx-body.start #header .nav li.on a{color: #005aa0;} .c-floating{position: fixed;display: none;;padding: .2rem .1rem; right: .3rem; bottom: 15%; z-index: 55; background: #fff; border-radius: .64rem; box-shadow: 0 0 .15rem rgba(128,128,128,.15);} .c-floating .btn{position: relative; width: .42rem; height: .42rem; margin-bottom: .1rem; border-radius: 50%; background: no-repeat center; cursor: pointer; transition: all .4s;} .c-floating .btn:after{content: ""; display: block; position: absolute; left: 50%; margin-left: -.1rem; bottom: -.06rem; width: .2rem; height: .02rem; background: #f0f0f0;} .c-floating .btn:last-child{margin-bottom: 0;} .c-floating .btn:last-child:after{display: none;} .c-floating .b1{background-image: url(../images/floating-icon1.png);} .c-floating .b2{background-image: url(../images/floating-icon2.png);} .c-floating .b3{background-image: url(../images/floating-icon3.png);} .c-floating .b4{background-image: url(../images/floating-icon4.png);} .c-floating .b5{background-image: url(../images/floating-icon5.png);} .c-floating .b6{background-image: url(../images/floating-icon6.png);} .c-floating .btn:hover{background-color: #005aa0;} .c-floating .b1:hover{background-image: url(../images/floating-icon1-on.png);} .c-floating .b2:hover{background-image: url(../images/floating-icon2-on.png);} .c-floating .b3:hover{background-image: url(../images/floating-icon3-on.png);} .c-floating .b4:hover{background-image: url(../images/floating-icon4-on.png);} .c-floating .b5:hover{background-image: url(../images/floating-icon5-on.png);} .c-floating .b6:hover{background-color: transparent; background-image: url(../images/floating-icon6-on.png);} .c-floating .box{display: none; position: absolute; right: .7rem; top: 50%; transform: translateY(-50%); white-space: nowrap; border-radius: 4px;} .c-floating .box{background: #fff; padding: .12rem; box-shadow: 0 0 .15rem rgba(128,128,128,.15);} .c-floating .box:after{content: ""; display: block; position: absolute; top: 50%; margin-top: -.07rem; right: -.07rem; width: 0; border-left: .07rem solid #fff; border-top: .07rem solid transparent; border-bottom: .07rem solid transparent; border-right-color: transparent;} .c-floating .box .li{white-space: nowrap; color: #005aa0; font-family: 'Rany-Bold';} .c-floating .box img{width: .94rem; max-width: none;} .c-floating .box h4{color: #4c4c4c; margin-top: .1rem; font-family: '微软雅黑';} .c-floating .box h4:first-child{margin-top: 0;} .c-floating .box p{color: #999; font-family: 'Rany-Bold';} .c-floating .b2 .box, .c-floating .b3 .box{padding: .1rem .3rem;} .mobile-nav{position: relative;} .mobile-nav .bg{display:none;position:fixed;left:0;top:0;width:100%;height:100vh;z-index:800;background:rgba(0,0,0,.5)} .mobile-nav .vux{opacity:0;position:fixed;right:-3rem;width:2.78rem;top:0;padding:1.3rem 0 .3rem;height:100vh;overflow:hidden;overflow-y:auto;z-index:850;background:#0e193d url(../images/menu-bg.jpg) no-repeat top center; transition:all .4s;box-shadow:0 0 10px rgba(0,0,0,.1);background-size:100%} .mobile-nav .vux.on{opacity:1;right:0} .mobile-nav ul{min-height: calc(100vh - 4rem);} .mobile-nav li{position:relative} .mobile-nav li .til{position:relative;line-height: 1.4; padding: .09rem .36rem; color:#9ca6a7;height:100%; height:.4rem} .mobile-nav li .til.on{color: #70cbc8;} .mobile-nav li .til:after{display:none;content:'';position:absolute; top: 50%; right:.36rem; transform: translateY(-.03rem); background:url(../images/icon-this.png) no-repeat; background-size:contain; width:.06rem;height:.06rem;transition:all .3s} .mobile-nav li.on .til{color:#937124} .mobile-nav li.show .til:after{display:block} .mobile-nav li.n_c .til:after{display:none} .mobile-nav li .bt{display:none;padding:.13rem 0;margin:0 .36rem;border-top:.01rem solid rgba(255,255,255,.2)} .mobile-nav li .bt a{display:block;position:relative;color:rgba(255,255,255,.4); line-height:1.4; padding: .04rem 0; transition: all .4s;} .mobile-nav li .bt a.on,.mobile-nav li .bt a:hover{color:#70cbc8} .mobile-nav li.open .bt{display: block;} .mobile-head .language-con{display:none;position:absolute;right:.3rem;padding-bottom:.44rem;left:.6rem;top:.2rem} .mobile-head .language-con a{display:flex;justify-content:center;align-items:center;width:.8rem;font-size:.26rem;height:.8rem;margin-right:.1rem;line-height:.4rem;border:1px solid #ebeae9;color:#63605d} .mobile-head .language-con a.on{color:#fff;background:#e1b381;border-color:#e1b381} .mobile-head .shares-box{padding: .3rem .36rem 0; color: #9ca6a7;} .mobile-head .shares-box .num{color: #6bbbb8;} .mobile-head .shares-box .line{width: .12rem; height: .02rem; background: #ff7200; margin: .06rem 0;} .mobile-head .shares-box .p-en{color: #3a3f52; line-height: 1; text-transform: uppercase; font-weight: 600; margin-top: .04rem;} .menu_btn{position:fixed;top:0;right:0;width:.8rem;height:1rem;background:#005aa0;cursor:pointer;z-index:1100;-webkit-transition:width .4s,background .4s;transition:width .4s,background .4s} .menu_btn .nav-toggle .button-container{position:relative;height:1rem;} .menu_btn .nav-toggle .lines{position:absolute;top:50%;left:50%;z-index:2} .menu_btn .nav-toggle .lines .line{background:#fff;-webkit-transition:background .3s;transition:background .3s} .menu_btn .nav-toggle .lines.open{margin:-.1rem 0 0 -.1rem;width:.2rem;height:.2rem} .menu_btn .nav-toggle .lines.open .line{position:relative;width:100%;height:.04rem;-webkit-animation:open-in 0.3s cubic-bezier(.18,.89,.67,1.16) 0.3s 1 normal forwards;animation:open-in 0.3s cubic-bezier(.18,.89,.67,1.16) 0.3s 1 normal forwards;-webkit-transform:scaleX(0);transform:scaleX(0)} .menu_btn .nav-toggle .lines.open .line+.line,.menu_btn .nav-toggle .lines.open .line+.line+.line{margin-top:.04rem} .menu_btn .nav-toggle .lines.open .line:nth-child(2){-webkit-animation-delay:0.36s;animation-delay:0.36s; width: 70%;} .menu_btn.is-opened{background: transparent;} .menu_btn.is-opened .nav-toggle .open .line{-webkit-animation:open-out-1 0.4s linear 0s 1 normal forwards;animation:open-out-1 0.4s linear 0s 1 normal forwards;-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0)} .menu_btn.is-opened .nav-toggle .open .line:nth-child(1){-webkit-animation-delay:0.16s;animation-delay:0.16s} .menu_btn.is-opened .nav-toggle .open .line:nth-child(2){-webkit-animation-delay:0.08s;animation-delay:0.08s;-webkit-animation-name:open-out-2;animation-name:open-out-2} .menu_btn .nav-toggle .lines.close{margin:-.14rem 0 0 -.14rem;width:.28rem;height:.28rem;-webkit-transform:rotateX(0.1deg) rotateZ(45deg);transform:rotateX(0.1deg) rotateZ(45deg)} .menu_btn .nav-toggle .lines.close .line{position:absolute;background:#fff} .menu_btn .nav-toggle .lines.close .line:nth-child(1){top:0;left:.12rem;width:.04rem;height:.28rem;-webkit-animation:close-out-1 0.3s linear 0.1s 1 normal forwards;animation:close-out-1 0.3s linear 0.1s 1 normal forwards} .menu_btn .nav-toggle .lines.close .line:nth-child(2){top:.12rem;left:0;width:.28rem;height:.04rem;-webkit-animation:close-out-2 0.3s linear 0s 1 normal forwards;animation:close-out-2 0.3s linear 0s 1 normal forwards} .menu_btn.is-opened .nav-toggle .close .line:nth-child(1){-webkit-animation:close-in-1 0.3s cubic-bezier(.18,.89,.67,1.16) 0.6s 1 normal forwards;animation:close-in-1 0.3s cubic-bezier(.18,.89,.67,1.16) 0.6s 1 normal forwards;-webkit-transform:scaleY(0);transform:scaleY(0)} .menu_btn.is-opened .nav-toggle .close .line:nth-child(2){-webkit-animation:close-in-2 0.3s cubic-bezier(.18,.89,.67,1.16) 0.5s 1 normal forwards;animation:close-in-2 0.3s cubic-bezier(.18,.89,.67,1.16) 0.5s 1 normal forwards;-webkit-transform:scaleX(0);transform:scaleX(0)} .menu_btn .nav-toggle:hover .lines .line{width: 100%;} .search-pop{position:absolute;left:0;right:0;top:.9rem;transition:all .6s;height:0;opacity:0; z-index: 30;} .search-pop .box{height:0;background-color:#f2f2f2;position:absolute;left:0;right:0;top:0;transition:all .6s; overflow: hidden; z-index: 30;} .search-pop .box .auto{padding-top: .54rem;} .search-pop .box .ipt{position:relative; height: .81rem; padding: .2rem 0; border-bottom:1px solid #dbdbdb;transition:all .4s; padding-left: .3rem;} .search-pop .box .ipt:before{content: ""; display: block; position: absolute; left: 0; bottom: .3rem; width: .2rem; height: .2rem; background: url(../images/icon-seek.png) no-repeat center; background-size: contain;} .search-pop .box .ipt:after{content: ""; display: block; position: absolute; left: 0; bottom: -1px; border-bottom: 1px solid #005aa0; width: 1.56rem;} .search-pop .box .ipt input{width: 100%; color: #999; line-height: .4rem;} .search-pop .box input::placeholder{color:#808080;} .search-pop .close-area{display: none; position: absolute; left: 0; top: 2.4rem; height: calc(100vh - 3.4rem); width: 100%; z-index: 2;} .c-mask{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 2; display: none;} #header .search-pop.on{opacity: 1; z-index: 60;} #header .search-pop.on .box{height:2.4rem; transition:all .6s} #header .search-pop.on .close-area{display: block;} #header .nav-bg{display: none; position:absolute;left:0;top:100%;width:100%;height:.72rem;background-color:rgba(0,0,0,.6);z-index:10} #header .nav .dd{display: none; width:1000px; height:.72rem;padding-left: 1rem; position:absolute;left:-1rem;top:100%;} .start #header .nav .dd a,#header .nav .dd a{float:left; height:.72rem; line-height:.72rem; margin:0 .15rem; color:rgba(255,255,255,.75);transition:all .4s;position:relative} #header .nav .dd a:first-child{margin-left: 0;} .start #header .nav .dd a:hover,#header .nav .dd a:hover{color: #fff;} .nav-line{position: absolute; bottom: 0; height: .02rem; background: #005aa0; pointer-events: none;} .fixedCt{display: none !important; position: fixed; width: .4rem; height: .4rem; background: url(../images/icon-top.png) no-repeat center; background-size: 100% 100%; bottom: 1rem; right: .3rem; z-index: 1100; cursor: pointer;} .m-header{display: none;} .fixedCt:hover{background-image: url(../images/icon-topon.png);} .wx-pop{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;} .wx-pop .bg{width: 100%; height: 100%; background: rgba(0,0,0,.8);} .wx-pop .cnt{position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; width: 3.3rem; height: 3.3rem; padding: .2rem; transform: translateY(-50%); background: #fff;} .wx-pop .cnt img{width: 100%;} .wx-pop .close{position: absolute; left: 50%; width: .6rem; height: .6rem; margin-left: -.3rem; bottom: -1rem; border-radius: 50%; background: #fff url(../images/icon-close.png) no-repeat center; background-size: .21rem;} .wx-pop .close::before{position: absolute; bottom: 100%; content: ""; display: block; height: .5rem; width: .02rem; background: #fff; left: 50%; margin-left: .01rem;} .index-form{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000;} .index-form.hide{display: none;} .index-form .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); cursor: pointer;} .index-form .box{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 8.2rem; max-width: calc(100% - .6rem); padding: .4rem; background: #fff; box-shadow: 0 .2rem .6rem rgba(0,0,0,.15);} .index-form .close{position: absolute; right: .2rem; top: .2rem; width: .3rem; height: .3rem; background: url(../images/icon-close.png) no-repeat center; background-size: .21rem; cursor: pointer; z-index: 2;} .index-form .txt{margin-bottom: .3rem; padding-right: .4rem;} .index-form .txt h3{color: #4c4c4c; line-height: 1.3; } .index-form .txt p{color: #4c4c4c; line-height: 1.5;} .index-form .form .li{flex-wrap: wrap; margin-bottom: 0;} .index-form .form .ipt{width: calc(50% - .1rem); margin-bottom: .2rem;} .index-form .form .ul p{ color: #808080; line-height: .2rem; } .index-form .form .ipt:nth-child(2n){margin-right: 0;} .index-form .form .submit{margin-left: 0; margin-top: .1rem;} .page.law{padding: 1.9rem 0 1rem; background: #f2f2f2;} .law .til-cn{color: #4c4c4c; line-height: 1.2; padding-bottom: .2rem; border-bottom: 1px solid #dbdbdb; margin-bottom: .3rem;} .index-form .form .li.w100{ width: 100%; display: block; } .index-form .form .li.w100 .check{ width: 100%; } .index-form .form .submit{ margin-bottom: .3rem; margin-top: .2rem; } .banner{width:100%;height:100vh;position:relative;left:0;right:0;top:0;margin:auto;z-index:2} .banner .next,.banner .prev{width:.62rem;height:.62rem;position:absolute;top:50%;transition:all .4s;border:2px solid #515151;z-index:100;opacity:0;outline:none;cursor:pointer;border-radius:50%} .banner .next{right: .2rem;background:url(../images/next.png) no-repeat 50%;transform:translateX(100%)} .banner .prev{left: .2rem;background:url(../images/prev.png) no-repeat 50%;transform:translateX(-100%)} .banner:hover .next,.banner:hover .prev{opacity:1;transform:translateX(0)} .banner .prev:hover{border-color:#005aa0;background:#005aa0 url(../images/prevon.png) no-repeat .12rem;} .banner .next:hover{border-color:#005aa0;background:#005aa0 url(../images/nexton.png) no-repeat .28rem;} .banner .content{height:100%;position:absolute;left:0;right:0;top:0;max-width:12.8rem;width:100%;margin:0 auto} .banner .videoBox:before{content:'';width:100%;height:100%;background-color:#000;opacity:.2;filter:Alpha(opacity=20);position:absolute;left:0;top:0;z-index:1;-webkit-filter:Alpha(opacity=20)} .banner .videoBox{position:relative;width:100%;height:100%} .banner video{object-fit:cover;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;min-width:100%;min-height:100%;width:100%;height:100%} .banner .mySwiper{height:100%} .banner .mySwiper .swiper-slide a{width: 100%; height: 100%;} .banner .mySwiper .swiper-slide a[href="javascript:;"]{cursor: auto;} .banner .mySwiper .bg{position:relative; height:100%;background-repeat:no-repeat;background-size:cover;background-position:center} .banner .txt{position:absolute;left:0;top:25.2%;z-index:3} .banner .txt em{display:inline-block; vertical-align:top} .banner .t1{color:#fff;} .banner .en{color:rgba(255,255,255,.5);text-transform:uppercase;line-height: 1.1;} .banner .swiper-pagination-bullet{width:.2rem;height:.14rem;opacity:1;background:url(../images/index/ban-dot.png) no-repeat center;cursor:pointer;border-radius:0} .banner .swiper-pagination-bullet-active{background:url(../images/index/ban-dot-on.png) no-repeat center} .banner .animated .txt em{animation:reveal3 .1s forwards;color:transparent} .banner .hd{position:absolute;bottom:.4rem;left:0;right:0;z-index:50;width:92%;max-width:12.8rem;margin:0 auto} .banner .hd ul{display:flex;justify-content:center;font-size:0;} .banner .swiper-slide .content{display:none} .banner .swiper-slide-active .content{display:block} .index-cnt1 .auto{display: flex; padding: .7rem 0; justify-content:space-between; align-items: flex-start;} .index-cnt1 .le-wr{flex: 1; margin-right: .8rem; margin-left: 0;} .index-cnt1 .index-news-hd{display:flex;margin-bottom:.2rem;} .index-cnt1 .index-news-hd .li{position: relative; color: #646464; margin:0 .5rem 0 0; width: auto; height: auto; background: transparent; border-radius: 0; transition: all .4s;} .index-cnt1 .index-news-hd .li:after{content: ""; display: block; position: absolute; top: 50%; margin-top: -.07rem; right: -.27rem; width: .04rem; height: .14rem; background: #dbdbdb;} .index-cnt1 .index-news-hd .li.swiper-pagination-bullet-active{color: #ff6600;} .index-cnt1 .index-news-hd .li:last-child{margin-right: 0;} .index-cnt1 .index-news-hd .swiper-pagination-bullet:only-child{display: block !important;} .index-cnt1 .index-news-hd .li:last-child:after{display: none;} .index-cnt1 .main-news h3{color:#005aa0;margin-bottom:.04rem;line-height:1.4; font-weight: 600; transition: all .4s;} .index-cnt1 .main-news .date{color:#b4b4b4;margin-bottom:.08rem; font-family: "Poppins-Medium"; } .index-cnt1 .main-news p{color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .index-cnt1 .bom{margin-top: .2rem; padding-top: .2rem; border-top: .02rem solid #efefef;} .index-cnt1 .bom .list{display: flex;} .index-cnt1 .bom .sub-news{width: 30%; margin-right: 5%;} .index-cnt1 .bom .sub-news:nth-child(3n){margin-right: 0;} .index-cnt1 .bom .sub-news .date{color:#b4b4b4; margin-bottom: .04rem;} .index-cnt1 .bom .sub-news h4{color:#818181;line-height:1.4; transition: all .4s;} .index-cnt1 .bom .sub-news:hover h4{color:#005aa0;} .index-cnt1 .bom .more{display: inline-block; margin-top: .18rem; color: #b1b1b1; text-transform: uppercase; font-weight: 600; transition: all .4s;} .index-cnt1 .bom .more:hover{color: #005aa0;} .index-cnt1 .ri-wr{position: relative; width: 4.16rem; height: 3.16rem; padding: .3rem; background: url(../images/index/index-c1-pic.jpg) no-repeat center; background-size: cover; border-radius: .06rem;} .index-cnt1 .ri-wr .til1{margin-bottom:.6rem;position:relative;z-index:2} .index-cnt1 .ri-wr .til1 h2{color: #646464;} .index-cnt1 .ri-wr .til1 p{color: #f7f2f3; font-family: "Poppins-Medium";} .index-cnt1 .ri-wr .til2 h3{color: #005aa0; font-weight:600;line-height:1.4; margin-bottom: .02rem;} .index-cnt1 .ri-wr .til2 p{color: #fff; text-transform: uppercase; line-height: 1; font-weight: 600; font-family: "Poppins-Medium";} .index-cnt2{position: relative; z-index: 1; height: 9.9rem; background: url(../images/index/index-c2-bg.jpg) no-repeat center; background-size: cover; overflow: hidden;} .index-cnt2 .auto{padding: 1.55rem 0 0;} .index-cnt2 .til{float: left; position: relative; color: #ccc;} .index-cnt2 .til em{position: absolute; left: 0; top: 0; display: block; z-index: 5; color: #4d4d4d; overflow: hidden; width: 0%; white-space: nowrap;} .index-cnt2 .txt{clear: both;} .index-cnt2 .txt p{color: #333;} .index-cnt2 ul{position: relative; left: 150%; display: flex; justify-content: space-between; margin-top: 2.7rem;} .index-cnt2 li{position: relative; width: 2.32rem; height: 2.6rem; padding: .3rem; background: #fff; margin-right: .1rem;} .index-cnt2 li:after{content: ""; display: block; position: absolute; width: 2.41rem; height: .81rem; top: 100%; left: 50%; margin-left: -1.2rem; background: url(../images/index/index-c2-li-shadow.png) no-repeat top center; background-size: 100% 100%;} .index-cnt2 li .icon{height: .6rem; display: flex; align-items: center; margin-bottom: .06rem;} .index-cnt2 li .hr{border-bottom: .02rem solid #f2f1ed; margin-bottom: .16rem;} .index-cnt2 li p{color: #676767;} .index-cnt2 li .number{font-family: 'Rany-Bold'; background-image: linear-gradient(to bottom, #0071c7, #005aa0); -webkit-background-clip: text; background-clip: text; color: transparent; line-height: 1;} .index-cnt2 li .number *{line-height: 1;} .index-cnt2 li sup{vertical-align: baseline;} .index-cnt2 li span{vertical-align: top;} /* 笔记本矮屏：压缩 index-cnt2 垂直间距，保证一屏完整展示 */ @media screen and (max-height: 1000px) and (min-width: 769px){ .index-cnt2{height: 100vh; display: flex; flex-direction: column; justify-content: center;} .index-cnt2 .auto{padding: .9rem 0 1.1rem;} .index-cnt2 ul{margin-top: 1.2rem;} .index-cnt2 li{height: 2.35rem; padding: .24rem;} .index-cnt2 li:after{height: .6rem;} .index-cnt2 li .icon{height: .5rem; margin-bottom: .04rem;} .index-cnt2 li .hr{margin-bottom: .12rem;} } @media screen and (max-height: 800px) and (min-width: 769px){ .index-cnt2 .auto{padding: .5rem 0 .7rem;} .index-cnt2 ul{margin-top: .6rem;} .index-cnt2 li{height: 2.05rem; padding:.3rem .25rem;} .index-cnt2 li:after{width: 2.1rem; height: .45rem; margin-left: -1.05rem;} .index-cnt2 li .icon{height: .4rem;} .index-cnt2 li .hr{margin-bottom: .08rem;} .banner .swiper-slide .auto .fl{ width: 48%; padding-top: 1.5rem ; } .banner .swiper-slide .auto .fr{ width: 28%; padding-top: 1.5rem ; } } .sub-ban{position: relative; overflow: hidden; background-position: top center; background-size: cover;} .sub-ban .top-wr{position: relative; overflow: hidden; height: 4rem; background-position: top center; background-size: cover;} .sub-ban .auto{position: relative; height: 100%;} .sub-ban .cnt{position: absolute; left: 0; top: 50%; z-index: 5; margin-top: -.6rem; color: #fff;} .sub-ban .page-t1{font-weight: 600; line-height: 1.2; font-weight: 400; letter-spacing: .02rem;} .sub-ban .page-t2{text-transform: uppercase; color: rgba(255,255,255,.6); } .page-nav{position: relative; height:.72rem; font-weight:bold; background: #eef2f6; z-index: 5;} .page-nav .auto{display: flex;} .page-nav .par{display: flex; margin-right: auto; line-height:.8rem;position:relative;color: rgba(255,255,255,.6);} .page-nav .par a{position: relative; line-height: .72rem; margin-left: .28rem; color: #4c4c4c;} .page-nav .ul{position: relative;} .page-nav .sub-line{position: absolute; left: 0; bottom: 0; height: .06rem; background: url(../images/nav_lion.png) no-repeat bottom center; background-size: .12rem;} .page-nav .list{position:relative; display: flex;} .page-nav .list a{float: left;line-height:.72rem; color:#808080;margin-right:.56rem;position:relative} .page-nav .list a.on{color: #005aa0;} .page-nav .list a:after{content: ""; display: block; user-select: none; width: .04rem; height: .04rem; background: #c8cbc9; position: absolute; right: -.3rem; top: 50%; margin-top: -.02rem;} .page-nav .list a:last-child,.page-nav .par a:first-child{margin-left:0; margin-right:0;} .page-nav .list a:last-child::after,.page-nav .par a:first-child::before{display: none;} .intelligence2-ban .page-nav .list a{margin-right: .36rem; font-size: .13rem;} .intelligence2-ban .page-nav .list a:after{right: -.2rem;} @media screen and (max-width:1200px){ .header-pc .nav{display: none;} } @media screen and (max-width:768px){ .s14{font-size: calc(24 * 1rem / 100);} .s15{font-size: calc(25 * 1rem / 100);} .s16{font-size: calc(26 * 1rem / 100);} .s17{font-size: calc(27 * 1rem / 100);} .s18{font-size: calc(28 * 1rem / 100);} .s20{font-size: calc(30 * 1rem / 100);} .s21{font-size: calc(31 * 1rem / 100);} .s22{font-size: calc(32 * 1rem / 100);} .s23{font-size: calc(33 * 1rem / 100);} .s24{font-size: calc(34 * 1rem / 100);} .s26{font-size: calc(35 * 1rem / 100);} .s28{font-size: calc(36 * 1rem / 100);} .s30{font-size: calc(38 * 1rem / 100);} .s32{font-size: calc(39 * 1rem / 100);} .s34{font-size: calc(40 * 1rem / 100);} .s36{font-size: calc(40 * 1rem / 100);} .s40{font-size: calc(50 * 1rem / 100);} .s44{font-size: calc(50 * 1rem / 100);} .s48{font-size: calc(50* 1rem / 100);} .s50{font-size: calc(50 * 1rem / 100);} .s52{font-size: calc(60 * 1rem / 100);} .s60{font-size: calc(62 * 1rem / 100);} .s98{font-size: calc(70 * 1rem / 100);} .tach-tips{display: block;} .c-down{width: 2rem;} .c-down li{height: .5rem; line-height: .5rem;} .c-down span{height: .8rem; line-height: .54rem; padding: .1rem .3rem;} .scroll-hint{display: block;} .auto{width: 6.7rem;} .banner .content{width: 6.7rem;} html{font-size: calc(100vw / 750 * 100);} .fixedCt{width: .6rem; height: .6rem; right: .4rem;} #header{min-width: auto;} #header .logo{width: 2.2rem;} #header .head_ri{display: none;} #header .nav{display: none;} #header .menu_btn,.menu_btn .nav-toggle .button-container{height: 1.2rem; width: 1.2rem;} .menu_btn .nav-toggle .lines.open{width: .4rem; height: .4rem; margin: -.2rem 0 0 -.2rem;} .menu_btn .nav-toggle .lines.open .line{height: .06rem; } .menu_btn .nav-toggle .lines.open .line+.line, .menu_btn .nav-toggle .lines.open .line+.line+.line{margin-top: .11rem;} .menu_btn .nav-toggle .lines.close{width: .5rem; height: .5rem; margin: -.25rem 0 0 -.25rem;} .menu_btn .nav-toggle .lines.close .line:nth-child(1){left: .22rem; height: .5rem; width: .06rem;} .menu_btn .nav-toggle .lines.close .line:nth-child(2){top: .22rem; height: .06rem; width: .5rem;} .mobile-head .language-con{display:flex;border-bottom:1px solid #ebeae9} .mobile-nav .vux{right:-5.5rem;width:5.4rem;padding-top:1.2rem} .mobile-nav ul{min-height: calc(100vh - 4.6rem);} .mobile-nav li .til{position:relative;padding:0 .6rem;line-height:.9rem;font-size:.36rem;height:.9rem} .mobile-nav li .til:after{display:none;content:'';position:absolute;bottom:.32rem;right:.6rem;background:url(../images/icon-this.png) no-repeat;background-size:contain;width:.24rem;height:.24rem;transition:all .3s} .mobile-nav li .bt{display:none;padding:.1rem 0;margin:0 .6rem;border-top:1px solid #ebeae9} .mobile-nav li .bt a{display:block;position:relative;font-size:.28rem;line-height:.6rem} .mobile-head .shares-box{padding: .4rem .6rem 0;} #footer{height: auto;} #footer .wx .p-mark{width: .6rem; height: .6rem;} .footer-top{align-items: center;} .footer-links-left a{line-height: .6rem;} .footer-bom{flex-wrap: wrap; padding-bottom: .3rem;} .footer-bom .le{width: 100%; order: 2;} .footer-bom .ri{width: 100%; margin-bottom: .1rem;} .footer-bom .ri, .footer-bom .ri *{text-align: left;} .footer-bom .ri .til{display: inline; padding-left: .3rem;} .footer-bom .ri .til:after{content: ":"; font: inherit; color: inherit;} .footer-bom .ri p{display: inline;} .footer-bom .ri br{display: none;} .banner{height: 9rem;} .banner .txt{top: 3.6rem !important;} .banner .txt1 .t1{letter-spacing: .38rem; font-size: .44rem; white-space: nowrap;} .banner .txt1 .en-img{height: .82rem;} .banner .txt2 .t1{font-size: .56rem;} .banner .txt2 .en{font-size: .28rem; line-height: 1.2;} .banner .txt2 .en br{display: none;} .banner .txt3{margin: -.8rem 0 0 2.1rem;} .banner .txt3 .t1{display: none;} .banner .txt3 .m-t1{display: block;} .banner .txt3 .m-t1 img{display: block; height: 1.14rem;} .banner .txt3 .en{font-size: .28rem; line-height: 1.2; margin-top: .1rem;} .banner .txt3 .en br{display: none;} .banner .txt4{padding-top: 0;} .banner .txt4 .t1{font-size: .64rem;} .banner .txt4 .en{font-size: .27rem; font-weight: 600;} .banner .hd{bottom: .4rem;} .banner .next, .banner .prev{display: none;} .sub-ban{height: 5rem; } /* .sub-ban .bg{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover;} */ .sub-ban .cnt{padding-top: 2.9rem;} .sub-ban .page-t1{line-height: 1; font-size: .5rem;} .page-nav .par a:before{width: .08rem; background-size: contain;} .page-nav .ul{float: left; display: none;} .page-nav .auto{overflow: hidden;} .page-nav .list a{line-height: 1rem;} .index-cnt1 .auto{flex-wrap: wrap;} .index-cnt1 .le-wr{flex: none; width: 100%; margin-right: 0;} .index-cnt1 .ri-wr{width: 100%; height: 5rem; padding: .4rem; margin-top: .6rem;} .index-cnt1 .ri-wr .til1{margin-bottom: .3rem;} .index-cnt1 .bom .list{flex-wrap: wrap;} .index-cnt1 .bom .sub-news{width: 100%; margin: 0 0 .4rem;} .index-cnt1 .bom .sub-news:last-child{margin-bottom: 0;} } @keyframes z-diffusion{ 0%{transform:scale(.2); opacity:0;} 70%{transform:scale(1.05); opacity:1;} 90%{transform:scale(1.35);opacity:1;} 100%{transform:scale(1.5);opacity:0;} } @keyframes circle_right { 0% {transform: rotate(-45deg)} 50%,100% {transform: rotate(135deg)} } @keyframes fadeHide { 0% {opacity: 1} 100% {opacity: 0} } @keyframes tachTips { 0% {opacity: 1; transform: translateX(.3rem);} 50% {opacity: 1; transform: translateX(-1rem);} 51% {opacity: 1; transform: translateX(.3rem);} 99% {opacity: 1; transform: translateX(-1rem);} 100% {opacity: 0; display: none; transform: translateX(-1rem);} } @-webkit-keyframes open-in { 0% {-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 0;transform-origin: 0 0;} 100% {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 0 0;transform-origin: 0 0;} } @keyframes open-in { 0% {-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 0;transform-origin: 0 0;} 100% {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 0 0;transform-origin: 0 0;} } @-webkit-keyframes open-out-1 { 0% {-webkit-transform: scaleX(1) translateX(0);transform: scaleX(1) translateX(0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0} 35% {-webkit-transform: scaleX(.9) translateX(-5px);transform: scaleX(.9) translateX(-5px);-webkit-transform-origin: 100% 0;transform-origin: 100% 0} 100% {-webkit-transform: scaleX(0) translateX(5px);transform: scaleX(0) translateX(5px);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;} } @keyframes open-out-1 { 0% {-webkit-transform: scaleX(1) translateX(0);transform: scaleX(1) translateX(0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0} 35% {-webkit-transform: scaleX(.9) translateX(-5px);transform: scaleX(.9) translateX(-5px);-webkit-transform-origin: 100% 0;transform-origin: 100% 0} 100% {-webkit-transform: scaleX(0) translateX(5px);transform: scaleX(0) translateX(5px);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;} } @-webkit-keyframes open-out-2 { 0% {-webkit-transform: scaleX(1) translateX(0);transform: scaleX(1) translateX(0);-webkit-transform-origin: 0 0;transform-origin: 0 0} 35% {-webkit-transform: scaleX(.9) translateX(5px);transform: scaleX(.9) translateX(5px);-webkit-transform-origin: 0 0;transform-origin: 0 0} 100% {-webkit-transform: scaleX(0) translateX(-5px);transform: scaleX(0) translateX(-5px);-webkit-transform-origin: 0 0;transform-origin: 0 0;} } @keyframes open-out-2 { 0% {-webkit-transform: scaleX(1) translateX(0);transform: scaleX(1) translateX(0);-webkit-transform-origin: 0 0;transform-origin: 0 0} 35% {-webkit-transform: scaleX(.9) translateX(5px);transform: scaleX(.9) translateX(5px);-webkit-transform-origin: 0 0;transform-origin: 0 0} 100% {-webkit-transform: scaleX(0) translateX(-5px);transform: scaleX(0) translateX(-5px);-webkit-transform-origin: 0 0;transform-origin: 0 0;} } @-webkit-keyframes close-in-1 { 0% {-webkit-transform: scaleY(0) translateY(-10px);transform: scaleY(0) translateY(-10px);-webkit-transform-origin: 0 0;transform-origin: 0 0} 100% {-webkit-transform: scaleY(1) translateY(0);transform: scaleY(1) translateY(0);-webkit-transform-origin: 0 0;transform-origin: 0 0;} } @keyframes close-in-1 { 0% {-webkit-transform: scaleY(0) translateY(-10px);transform: scaleY(0) translateY(-10px);-webkit-transform-origin: 0 0;transform-origin: 0 0;} 100% {-webkit-transform: scaleY(1) translateY(0);transform: scaleY(1) translateY(0);-webkit-transform-origin: 0 0;transform-origin: 0 0;} } @-webkit-keyframes close-in-2 { 0% {-webkit-transform: scaleX(0) translateX(-10px);transform: scaleX(0) translateX(-10px);-webkit-transform-origin: 0 0;transform-origin: 0 0;} 100% {-webkit-transform: scaleX(1) translateX(0);transform: scaleX(1) translateX(0);-webkit-transform-origin: 0 0;transform-origin: 0 0;} } @keyframes close-in-2 { 0% {-webkit-transform: scaleX(0) translateX(-10px);transform: scaleX(0) translateX(-10px);-webkit-transform-origin: 0 0;transform-origin: 0 0;} 100% {-webkit-transform: scaleX(1) translateX(0);transform: scaleX(1) translateX(0);-webkit-transform-origin: 0 0;transform-origin: 0 0;} } @-webkit-keyframes close-out-1 { 0% {-webkit-transform: scaleY(1) translateY(0);transform: scaleY(1) translateY(0);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;} 100% {-webkit-transform: scaleY(0) translateY(10px);transform: scaleY(0) translateY(10px);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;} } @keyframes close-out-1 { 0% {-webkit-transform: scaleY(1) translateY(0);transform: scaleY(1) translateY(0);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;} 100% {-webkit-transform: scaleY(0) translateY(10px);transform: scaleY(0) translateY(10px);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;} } @-webkit-keyframes close-out-2 { 0% {-webkit-transform: scaleX(1) translateX(0);transform: scaleX(1) translateX(0);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;} 100% {-webkit-transform: scaleX(0) translateX(10px);transform: scaleX(0) translateX(10px);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;} } @keyframes close-out-2 { 0% {-webkit-transform: scaleX(1) translateX(0);transform: scaleX(1) translateX(0);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;} 100% {-webkit-transform: scaleX(0) translateX(10px);transform: scaleX(0) translateX(10px);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;} } .content{position: relative; background: no-repeat top center;} .sub-nav{position: absolute; left: 0; top: 400px; width: 100%; height: 70px;} .sub-nav .auto{display: flex; justify-content: flex-end;} .sub-nav a{height: 70px; margin-left: 54px;} .sub-nav a[href="javascript:;"]{cursor: auto;} .p_navContent{position:fixed;left:0;top:.9rem;width:100%;} .p_navBox1 p{display:flex;flex-direction:column;align-items:center} .p_navBox2{background: #fff;} .p_navItem1{display:none;position:absolute;left:0;top:0;width:100%;padding:0;line-height:90px;font-size:16px;text-align:left;border-top: 1px solid #e5e5e5;} .p_navItem1 .auto{display: flex; justify-content: space-between; width: 94%; padding: 25px 0; position: relative;} .p_navItem1 .left_p{width:300px} .p_navItem1 .left_p .h4{color:#005aa0;font-size:24px;font-weight:600;line-height:30px;margin-bottom:22px} .p_navItem1 .p_navBox2 .left_p >p{ display: block; } .p_navItem1 .left_p .p{font-size:15px;color:#808080;text-align:left} .p_childrenBox{width:100%;display:flex;position:relative;padding-left:3.333%;border-left:1px solid rgba(222,222,222,.5)} .p_childrenBox > div{flex: 1; width:30%;padding-right:3.333%;margin-right:3.333%;display:flex;flex-direction:column;border-right:1px solid rgba(222,222,222,.5);gap:.2rem;} .p_childrenBox a{position: relative; line-height:2;width:100%;display:flex;justify-content:space-between;align-items:center;color:rgba(32,32,32,1)} .p_childrenBox a:after{content: ""; display: block; width: 20px; height: 20px; background: url(../images/icon-enter.svg) no-repeat center; background-size: contain; margin-right: .03rem; opacity: .3;} .p_childrenBox a:last-child{margin-bottom:0} .p_childrenBox a:hover, .p_childrenBox a.on{color: #005aa0;} .p_childrenBox a svg{margin:0;width:16px;height:16px;color:#9f9f9f} .p_childrenBox .p_navItem4Box{padding-right:0% !important;margin-right:0% !important;width:50% !important;border:0px !important} .p_childrenBox > .new_p_navItem3Box{width:80%;flex:3;margin-right:0;padding-right:0;border:0 none} .p_childrenBox .p_navItem2Box{width:24%} .p_childrenBox .new_p_navIten2Box{flex: .6;} .p_navItem3Box_Children a{padding: .1rem; } .p_navItem3Box_Children a:hover, .p_navItem3Box_Children a.on{background-color: #f2f7fa;} .p_navItem1:last-child .p_navItem2Box{width:100%;padding:0px;margin:0px;border:0px} .p_navItem1:last-child .p_childrenBox{padding:0px;border:0px} .p_navItem1:last-child .p_navItem3Box{display:none} .p_navItem1:last-child .p_navItem4Box{display:none} .p_navItem1:last-child .p_navItem2Box{display:flex;flex-wrap:wrap;flex-direction:row} .p_navItem1:last-child .p_navItem2Box a{width:calc((100% - .2rem *3)/4);justify-content:center;align-items:center;gap:.2rem } .p_navItem1:nth-last-child(2) .p_navItem2Box{width:100%;padding:0px;margin:0px;border:0px;flex-wrap:wrap;flex-direction:row} .p_navItem1:nth-last-child(1) .p_navItem2Box,.p_navItem1:nth-last-child(2) .p_navItem2Box{width:820px !important} .p_navItem1:nth-last-child(1) .p_navItem2Box a,.p_navItem1:nth-last-child(2) .p_navItem2Box a{padding:13px 0;background-color:#f2f7fa} .p_navItem1:nth-last-child(1) .p_childrenBox,.p_navItem1:nth-last-child(2) .p_childrenBox{padding:0px;border:0px;position:absolute;left:50%;top:50%;width:820px;transform:translate(-50%,-50%);margin-left:300px} .p_navItem1:nth-last-child(1) .icon,.p_navItem1:nth-last-child(2) .icon{margin-left:36px;margin-right:-10px} .p_navItem1:nth-last-child(2) .p_childrenBox{padding:0px;border:0px} .p_navItem1:nth-last-child(2) .p_navItem3Box{display:none} .p_navItem1:nth-last-child(2) .p_navItem4Box{display:none} .p_navItem1:nth-last-child(2) .p_navItem2Box{display:flex;flex-wrap:wrap;flex-direction:row} .p_navItem1:nth-last-child(2) .p_navItem2Box a{width:calc((100% - .2rem *3)/4);justify-content:center;align-items:center;gap:.2rem } .p_navItem2{line-height:90px;width:auto;margin:0;border:none} .p_navItem3Box_Children{display:none} .p_navItem4Box_c{display:none} .p_navItem4Box_Children{display:none} .p_navItem4Box_Children a{padding:calc((.2rem - 0px)/2)} .p_navItem4Box_Children .sub-box{display: none; padding: .01rem 0;} .new_p_navItem3Box_Children{display:flex;padding-right:0;border:0 none;flex-wrap:wrap;max-height:600px;overflow-y:auto; padding-right: .1rem;} .new_p_navItem3Box_Children .p_navItem4Box_Children{display:block} .new_p_navItem3Box_Children .li{width:22.9%;margin-right:2.8%;margin-bottom:30px} .new_p_navItem3Box_Children .li:nth-child(4n){margin-right:0} .new_p_navItem3Box_Children .li .icon{display:none} .new_p_navItem3Box_Children .li a{padding:0 !important;background:transparent !important;color:#4d4d4d} .new_p_navItem3Box_Children .li a:after{display: none;} .new_p_navItem3Box_Children .li .dt{font-size:16px;border-bottom:1px solid #e6e6e6;padding-bottom:8px !important;margin-bottom:8px;font-weight:600; color: #005aa0;} .new_p_navItem3Box_Children .li .dd{padding: .1rem 0;} .new_p_navItem3Box_Children .li .dd a{display: block; color:#808080;font-size:14px; line-height: 1.2; margin: .1rem 0 0; transition: all .4s;} .new_p_navItem3Box_Children .li .dd a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .new_p_navItem3Box_Children .li .dd a:hover{color: #005aa0;} .new_p_navItem3Box_Children .sub-box1:nth-child(2){ margin-bottom: 10px; } /* .p_navBox1 .p_navItem1:nth-child(4) .new_p_navItem3Box_Children .li .dd .h4{ color: #bfbfbf; } */ /* .new_p_navItem3Box_Children .li .dd .h4{font-weight: 600; color: #005aa0;} */ /* .new_p_navItem3Box_Children .li .dd .h4:first-child{margin-top: .1rem;} */ /* 镭目 */ .product-swiper{height: calc(100vh - .9rem);} .product-swiper #footer{position: absolute; left: 0; bottom: 0; width: 100%;} .product-swiper .swiper-slide{height: calc(100vh - .9rem); background: no-repeat center; background-size: cover;} .product-swiper .auto{position: relative; height: 100%;} .product-swiper .cnt{position: absolute; left: 0; top: 2rem; z-index: 5; color: #fff;} .product-swiper .line{width: .2rem; height: .04rem; background: #c92a2e; margin: .16rem 0;} .product-swiper .page-t1{font-weight: 600; line-height: 1.2; font-weight: 400; letter-spacing: .04rem;} .product-swiper .page-t2{text-transform: uppercase; color: rgba(255,255,255,.6); } .product-swiper .animated{display: none;} .product-swiper .swiper-slide-active .animated{display: block;} .product-swiper .ul{position: absolute; left: 0; right: 0; bottom: .5rem; display: flex;} .product-swiper .li{flex: 1; font-weight: 600;; position: relative; width: 1.96rem; margin-left: -.04rem; height: .7rem; padding: .2rem 0; color: #333; text-align: center; background: url(../images/index/idx-c4-li2.png) no-repeat center; background-size: 100% 100%; padding-right: .11rem; transition: all .4s; overflow: hidden;} .product-swiper .li .em div{height: .3rem; line-height: .3rem; transition: all .4s;} .product-swiper .li .em{overflow: hidden;} .product-swiper .li .t2{position: absolute; top: .2rem; padding-right: .11rem; left: 0; width: 100%; transform: translate(0%, 100%); opacity: 0;} .product-swiper .li:hover .t1{transform: translate(0%, -100%); opacity: 0;} .product-swiper .li:hover .t2{transform: translate(0%, 0); opacity: 1;} .product-swiper .li:nth-child(1){margin-left: 0; background-image: url(../images/index/idx-c4-li1.png);} .product-swiper .li:last-child{width: 1.86rem; padding-right: 0; background-image: url(../images/index/idx-c4-li3.png);} .product-swiper .li:hover{color: #fff; background-image: url(../images/index/idx-c4-li2-on.png);} .product-swiper .li:nth-child(1):hover{background-image: url(../images/index/idx-c4-li1-on.png);} .product-swiper .li:last-child:hover{background-image: url(../images/index/idx-c4-li3-on.png);} .product-swiper .sy2 .li{flex: 1; background: #fff; } .product-swiper .sy2 .li:last-child{margin-right: 0;} .product-swiper .sy2 .li:hover{background: #c92a2e;} .product-cnt1{padding: 567px 0 0;} .product-cnt1 .til{margin-bottom: 30px;} .product-cnt1 .c-list .li{margin-bottom: 20px; position: relative;} .product-ban .top-wr{height: calc(100vh - .9rem);} .product-ban .top-wr .line{width: .2rem; height: .04rem; background: #c92a2e; margin: .16rem 0;} .product1-ban .top-wr{height: 4rem;} .product1-ban .cnt{margin-top: -1.1rem;} .product1-cnt1{padding: 1rem 0;} .product1-cnt1-wr{display: flex;} .product2 .product1-cnt1 .c-h1{opacity: 0;} .product2 .product1-cnt1 .product1-hd{left: 0;} .product2 .product1-cnt1 .product1-hd ul{justify-content: center;} .product1-cnt1 .c-til-box{position: relative; margin-bottom: .36rem;} .product1-cnt1 .product1-hd{position: absolute; right: 0; top: -.06rem;} .product1-cnt1 .product1-hd ul{display: flex;} .product1-cnt1 .product1-hd li{height: .44rem; margin-left: -.07rem; width: 1.26rem; text-align: center; line-height: .44rem; color: #4d6680; background: url(../images/product/product1-hd-li2.png) no-repeat center; background-size: 100% 100%; cursor: pointer; transition: all .4s; display: flex; justify-content: center; align-items: center;} .product1-cnt1 .product1-hd li a{height: 100%; width: 100%; text-align: center; line-height: .44rem;} .product1-cnt1 .product1-hd li.on,.product1-cnt1 .product1-hd li:hover{background-image: url(../images/product/product1-hd-li2-on.png); color: #fff;} .product1-cnt1 .product1-hd li:first-child{width: 1.73rem; background-image: url(../images/product/product1-hd-li.png);} .product1-cnt1 .product1-hd li:first-child.on,.product1-cnt1 .product1-hd li:first-child:hover{background-image: url(../images/product/product1-hd-li-on.png);} .product1-cnt1 .product1-hd.sy2 li{background: #ebf2f9; width: auto; margin-left: .1rem;} .product1-cnt1 .product1-hd.sy2 li:first-child{margin-left: 0;} .product1-cnt1 .product1-hd.sy2 li a{padding: 0 .4rem;} .product1-cnt1 .product1-hd.sy2 li:hover,.product1-cnt1 .product1-hd.sy2 li.on{background: #005aa0;} .product1-cnt1 .ul{display: flex; flex-wrap: wrap; margin: 0 -.05rem;} .product1-cnt1 .ul a{width: calc(25% - .1rem); margin: 0 .05rem .2rem; background: #eef2f6;} .product1-cnt1 .ul .pic{position: relative; height: 2.2rem; overflow: hidden;} .product1-cnt1 .ul .img{transition: all .6s;} .product1-cnt1 .ul .mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); opacity: 0; transition: all .6s;} .product1-cnt1 .ul .mask img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .product1-cnt1 .ul .txt{position: relative; display: flex; align-items: center; padding: 0 .3rem; height: .8rem;} .product1-cnt1 .ul .txt:after{content: ""; opacity: 0; display: block; position: absolute; right: .3rem; width: .08rem; height: 100%; background: url(../images/product/product1-icon-next.png) no-repeat center; background-size: contain; transition: all .4s;} .product1-cnt1 .ul .txt h4{color: #4c4c4c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .product1-cnt1 .ul a:hover .img{transform: scale(1.2);} .product1-cnt1 .ul a:hover .txt:after{right: .2rem; opacity: 1;} .product1-cnt1 .ul a:hover .mask{opacity: 1;} #propages{text-align: right; padding-top: .2rem; user-select:none;} #propages ul{letter-spacing: -4px; display:inline-block; vertical-align: top;} #propages li{display:inline-block; letter-spacing:normal; vertical-align: top; width: .36rem; height: .36rem; margin:0 .05rem; line-height: .36rem; color: #666; text-align: center; cursor: pointer; background: #f2f2f2; transition: all .4s;} #propages li.paging-selecte{background-color: #005aa0; border-color:#005aa0; color: #fff;} #propages li.last,#propages li.first{width:48px;} #propages li:last-child{margin-right: 0;} #propages li.pages_prev, #propages li.pages_next,#propages li.pages_start, #propages li.pages_end{font-size: 0;} #propages li.pages_prev{background: #f2f2f2 url(../images/product/product1-icon-next2.png) no-repeat center; transform: rotate(180deg);} #propages li.pages_next{background: #f2f2f2 url(../images/product/product1-icon-next2.png) no-repeat center;} #propages li.pages_prev:hover, #propages li.pages_next:hover{background-color: #005aa0; background-image: url(../images/product/product1-icon-next-on.png);} #propages li.pages_start{background: #f2f2f2 url(../images/product/product1-icon-next3.png) no-repeat center; transform: rotate(180deg);} #propages li.pages_end{background: #f2f2f2 url(../images/product/product1-icon-next3.png) no-repeat center;} #propages li.pages_start:hover, #propages li.pages_end:hover{background-color: #005aa0; background-image: url(../images/product/product1-icon-next3-on.png);} #propages li:hover{background-color: #c9d8e7;} .product1-d .product1-d-cnt4 .product2-d-form{ margin-top: 0; padding-top: 0; padding-bottom: 0; } /* .product1-d-ban{padding-bottom: .72rem;} */ .product1-d-ban .top-wr{height: 4.09rem;} /* .product1-d-ban .cnt{margin-top: .6rem; transform: translateY(-66%); width: 5.4rem;} */ .product1-d-ban .cnt .page-t1{color: #005aa0;} .product1-d-ban .cnt .page-t2{color: #86a0b2;} .product1-d-ban .ma{margin-top: .5rem;} .product1-d-ban .pic{position: absolute; right: 1.62rem; top: 1.45rem; width: 6.02rem; height: 3.4rem;} .product1-d-cnt2-new{padding: .65rem 0 1rem; background: #eef2f6 url(../images/product/product1-d-cnt2-new-bg.jpg) no-repeat center;} .product1-d-cnt2-new .item{margin-bottom: .2rem;} .product1-d-cnt2-new .item:last-child, .product1-d-cnt2-new .dl-wr:last-child{margin-bottom: 0;} /* .product1-d-cnt2-new .item .item-txt{margin-bottom: .2rem;} .product1-d-cnt2-new .item .item-txt:last-child{margin-bottom: 0;} .product1-d-cnt2-new .item .item-txt p{margin-top: 0;} */ .product1-d-cnt2-new .item .item-txt{margin-bottom: 0;} .product1-d-cnt2-new .item .item-txt:last-child{margin-bottom: 0;} .product1-d-cnt2-new .item .item-txt p{margin-top: 0;} .product1-d-cnt2-new .item .item-txt + p{margin-top: 0;} .product1-d-cnt2-new h3{color: #4c4c4c; line-height: 1; font-weight: 600; margin-bottom: .2rem;} .product1-d-cnt2-new h4{color: #005aa0;} .product1-d-cnt2-new p, .product1-d-cnt2-new .dot{position: relative; color: #4c4c4c;} .product1-d-cnt2-new .item ul{display: flex; margin: .2rem -.06rem 0;} .product1-d-cnt2-new .item .til{color: #005aa0;} .product1-d-cnt2-new .item .dd p{margin-top: .1rem; font-size: .18rem;} .product1-d-cnt2-new .item li{flex: 1; padding: .25rem .3rem; margin: 0 .06rem; background: #fff;} .product1-d-cnt2-new .dot{padding-left: .1rem;} .product1-d-cnt2-new .dot,.product1-d-cnt2-new p{margin: .1rem 0 0;} .product1-d-cnt2-new .dot:before{content: ""; display: block; position: absolute; left: 0; top: .08rem; width: .06rem; height: .06rem; background: #c92a2e; border-radius: 50%;} .product1-d-cnt2-new .dot:first-child,.product1-d-cnt2-new p:first-child{margin-top: 0;} .product1-d-cnt2-new .dl-wr{display: flex; margin: 0 -.06rem .4rem; flex-wrap: wrap;} .product1-d-cnt2-new .dl-wr .dl{width: calc(33.3333% - .12rem); margin: 0 .06rem .12rem;} .product1-d-cnt2-new .dl-wr .dl .dt img{ width: 100%; height: 100%; object-fit: cover; /* text-align: center; margin: 0 auto; */ } .product1-d-cnt2-new .dl-wr .dd{padding: .25rem .3rem; background: #f2f7fa; min-height: 1.8rem;} .product1-d-cnt2-new .dl-wr .dd .dot,.product1-d-cnt2-new .dl-wr .dd p{margin-top: 0;} .product1-d-cnt2-new table{width: 100%; color: #808080; border: 0 none; margin-top: .1rem;} .product1-d-cnt2-new table td{border: 0 none;} .product1-d-cnt2-new table tr{border: 0 none; border-bottom: 1px solid #dfe2e6; background: transparent;} .product1-d-cnt2-new table tr:nth-child(odd){background: #fff;} .product1-d-cnt2-new table td{padding: .15rem .3rem;} .product2 .product1-hd-wr{ margin-top: -1.6rem; } .product1-hd-wr{position: relative; z-index: 5; margin-top: -1.3rem; border-radius: 1rem; padding: .04rem; background: #fff; box-shadow: 0 .05rem .1rem rgba(0,0,0,.1); margin-bottom: .6rem;} .product1-hd-wr ul,.product1-hd-wr .a-ul{display: flex; margin: 0;} .product1-hd-wr li,.product1-hd-wr .li{flex: 1; margin: 0; display: flex; justify-content: center; align-items: center; height: .52rem; line-height: .52rem; color: #808080; background: #fff; border-radius: 1rem; cursor: pointer; transition: all .4s; margin: 0;} .product1-hd-wr li:after{content: ""; margin-left: .2rem; display: block; width: .07rem; height: .12rem; background: url(../images/product/product1-hd-icon1.png) no-repeat center; background-size: contain; transition: all .4s;} .product1-hd-wr li:hover,.product1-hd-wr .li:hover{color: #005aa0; background: transparent;} .product1-hd-wr li.on,.product1-hd-wr .li.on{color: #fff; background: #005aa0;} .product1-hd-wr li.on:after{background-image: url(../images/product/product1-hd-icon2.png);} .product3-hd{border-bottom: .01rem solid rgba(0,0,0,.1); border-top: .01rem solid rgba(0,0,0,.1); margin-bottom: .4rem;} .product3-hd ul{display: flex;} .product3-hd li{margin-right: .4rem;} .product3-hd li a{line-height: .6rem; color: #808080;} .product3-hd li.on a{color: #005aa0;} .product3-hd li:last-child{margin-right: 0;} .product3-ban{padding: 1.6rem 0 0 1rem; height: 4rem; max-width: 14.4rem; margin: 0 auto; background: no-repeat center; background-size: cover;} .product3-ban .page-t1{color: #fff;} .product3 .product1-cnt1{padding-top: .4rem;} .anchor-wr{position: absolute; bottom: 0; left: 0; right: 0; height:.72rem; font-weight:bold; background: #eef2f6; z-index: 5;} .anchor-wr.fix{position: fixed; top: .9rem; box-shadow: 0 0 .2rem rgba(0,0,0,.05);} .anchor-wr .auto{display: flex;} .anchor-wr a{float: left; line-height:.72rem; color:#808080;margin-right:.46rem;position:relative;} .anchor-wr a.on{color: #4c4c4c;} .anchor-wr .red{height: .72rem; width: 1.2rem; color: #fff; text-align: center; background: #c92a2e; margin: 0 0 0 auto;} .anchor-wr .red.on{color: #fff; background: #b9190b;} .product1-d-cnt1{padding: .9rem 0 1rem;position: relative;} .product1-d-cnt1 .auto{position: relative;} .product1-d-cnt1 .swiper-wrapper:after{content: ""; display: block; height: 0; clear: both;} /* .product1-d-cnt1 .swiper-slide{float: left; width: 4.74rem; background: #eef2f6;} .product1-d-cnt1 .swiper-slide.vdo{cursor: pointer;} .product1-d-cnt1 .swiper-slide:last-child{margin-right: 0;} .product1-d-cnt1 .swiper-slide .pic{position: relative; height: 2.96rem; overflow: hidden;} .product1-d-cnt1 .swiper-slide .pic::before{position: absolute; left: 0; top: 0; content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.3); opacity: 0; z-index: 2; transition: all .4s;} .product1-d-cnt1 .swiper-slide .pic::after{position: absolute; left: 50%; top: 50%; margin: -.3rem 0 0 -.3rem; content: ""; display: block; width: .6rem; height: .6rem; background: url(../images/about/about_ic2.png); opacity: 0; z-index: 5; transition: all .4s;} .product1-d-cnt1 .swiper-slide .img{transition: all .6s;} .product1-d-cnt1 .swiper-slide .txt{position: relative; display: flex; align-items: center; padding: 0 .3rem; height: .8rem;} .product1-d-cnt1 .swiper-slide .txt h4{color: #4c4c4c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .product1-d-cnt1 .swiper-slide:hover .img{transform: scale(1.2);} .product1-d-cnt1 .swiper-slide.vdo:hover .pic:before, .product1-d-cnt1 .swiper-slide.vdo:hover .pic:after{opacity: 1;} .product1-d-cnt1 .btn{width:.62rem;height:.62rem;position:absolute;top:50%;transition:all .4s;border:2px solid #e3e3e3;z-index:100;outline:none;cursor:pointer;border-radius:50%} .product1-d-cnt1 .product1-d-c1-next{right: .2rem; background:url(../images/next2.png) no-repeat 50%;transform:translateX(180%)} .product1-d-cnt1 .product1-d-c1-prev{left: .2rem; background:url(../images/prev2.png) no-repeat 50%;transform:translateX(-180%)} .product1-d-cnt1 .product1-d-c1-prev:hover{border-color:#005aa0; background:#005aa0 url(../images/prevon.png) no-repeat .12rem;} .product1-d-cnt1 .product1-d-c1-next:hover{border-color:#005aa0; background:#005aa0 url(../images/nexton.png) no-repeat .28rem;} */ .product1-d-cnt2{display: flex;} .product1-d-cnt2 .w-le,.product1-d-cnt2 .w-ri{flex: 1; width: 50%; height: 6rem;} .product1-d-cnt2 .w-le{background: #eef2f6 url(../images/product/product1-d-c1-bg.jpg) no-repeat right top;} /* .product1-d-cnt2 .w-ri{background: url(../images/product/product1-d-c2-pic.jpg) no-repeat;} */ .product1-d-cnt2 .w-le .cnt{float: right; width: 48vw; max-width: 7.2rem; padding: .67rem .56rem 0 0;} .product1-d-cnt2 .w-le ul:before{content: ""; display: block; height: 0; border-top: .02rem solid #dde4ea; } .product1-d-cnt2 .w-le ul{max-height: 4.4rem; padding-right: .1rem; margin-right: -.1rem; overflow: hidden; overflow-y: auto;} .product1-d-cnt2 .w-le li{padding: .2rem 0; border-bottom: .02rem solid #dde4ea;} .product1-d-cnt2 .w-le .til{position: relative; color: #4c4c4c;} .product1-d-cnt2 .w-le .til:after{content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -.06rem; width: .12rem; height: .12rem; background: url(../images/icon-down.png) no-repeat center; background-size: contain; transition: all .4s;} .product1-d-cnt2 .w-le .dd{display: none; margin-top: .2em;} .product1-d-cnt2 .w-le p{color: #808080;} .product1-d-cnt2 .w-le li.on .til{color: #005aa0;} .product1-d-cnt2 .w-le li.on .til:after{transform: rotate(180deg); background-image: url(../images/icon-down-on.png);} .product1-d-cnt2.no-pic .w-le{background-position: left top; height: auto;} .product1-d-cnt2.no-pic .w-le .cnt{float: none; width: 94%; max-width: 14.4rem; margin: 0 auto; padding: .67rem 0 .6rem;} .product1-d-cnt2-swiper .swiper-slide{height: 6rem; background: no-repeat left center; background-size: cover;} /* .product1-d-cnt2-swiper .swiper-pagination{text-align: left; padding-left: .6rem;} */ .product1-d-cnt3{padding: .47rem 0 .8rem; /* background: url(../images/product/product1-d-c3-bg.jpg) no-repeat bottom center; */ } .product1-d-cnt3 .c-h1,.product1-d-cnt4 .c-h1{ font-weight: 600; } .product1-d-cnt3 table{width: 100%; color: #4c4c4c; border: 0 none;} .product1-d-cnt3 table td:nth-child(1){ width: 3.04rem; } .product1-d-cnt3 table td{ border: 2px solid #e9ecf0;} .product1-d-cnt3 table tr{border: 0 none; border-bottom: 1px solid #dfe2e6; background: transparent;} .product1-d-cnt3 table tr:nth-child(odd){background: #f2f6fa;} .product1-d-cnt3 table td{padding: .15rem .3rem;} .product1-d-cnt4{padding: .4rem 0 .7rem;height: auto; min-height: 4.6rem; background: url(../images/product/product1-d-c4-bg.jpg) no-repeat bottom center;} .product1-d-cnt4 .c-til-box p{margin-top: .08rem; color: #4c4c4c;} .product1-d-cnt4 .form{width: 100%; max-width: 7.2rem;} .form .li{position: relative; display: flex; margin-bottom: .2rem;} .form .form-down:after{position: absolute; right: .28rem; top: 0; content: ""; display: block; width: .12rem; height: 100%; background: url(../images/icon-down.png) no-repeat center; background-size: contain;} .form .form-down{position: relative; cursor: pointer; z-index: 10; padding-right: .4rem;} .form .form-down .span{cursor: pointer;} .form .form-down .c-ul{display: none; position: absolute; left: -.02rem; right: -.02rem; top: 100%; background: #fff; border: .02rem solid #ededed;} .form .form-down li{padding: .1rem; line-height: 1.2; color: #202020; cursor: pointer; transition: all .4s;} .form .form-down li.on,.form .form-down li:hover{color: #fff; background: #005aa0;} .form .form-down .placeholder{display: none !important;} .form .ipt{position: relative; width: 3.5rem; border: .02rem solid #ededed; display: flex; margin-right: .2rem; z-index: 10; background: #fff;} .form .ipt:last-child{margin-right: 0;} .form .label{padding: 0 .1rem 0 .28rem; color: #999; line-height: .48rem; white-space: nowrap;} .form .label em{color: #f44838;} .form .ipt input{width: 100%; flex: 1; padding-right: .28rem;} .form input::placeholder{color: #999;} .form .textarea{position: relative; margin-bottom: .2rem;} .form .textarea .label{position: absolute; left: 0; top: 0;} .form .textarea textarea{display: block; padding: .1rem .28rem; border: .02rem solid #ededed; height: 1rem; width: 100%; background: #fff;} .form .textarea.act .label{display: none;} .form .check{ background: #fff;position: relative; width: 3.5rem; height: .52rem; border: .02rem solid #ededed; display: flex;} .form .check input{padding: .1rem .28rem;} .form .check img{position: absolute; right: 0; top: 0; height: 100%; height: 100%; width: 1rem;} .form .submit{height: .52rem; width: 1.46rem; line-height: .52rem; color: #fff; background: #005aa0; margin-left: .2rem; margin-right: auto; cursor: pointer; transition: all .4s;} .form .submit:hover{background: #004479;} .form label.error{position: absolute; left: 0; top: 100%; color: red;} .form .city-picker-span{border: 0 none;} .form .city-picker-dropdown{width: 100% !important;} .form .city-picker-span .title{width: 100%; height: .48rem; line-height: .48rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .product2-d1, .product2-d2, .product2-d3, .product2-item1-d3, .product2-item1-d4, .product2-item1-d5{background: url(../images/product/product1-d-c4-bg.jpg) no-repeat bottom center; background-size: auto 4.8rem;} .product2-d1-item{position: relative; padding: .55rem 0 0; color: #808080;} .product2-d1 .product2-d1-item{padding: .55rem 0 .6rem; background: #fff;} .product2-d1 .product2-d1-item:nth-child(even){background: #f5f5f5;} .product2-d1-item .til-h3{padding-left: .37rem; color: #4c4c4c; background: url(../images/product/product2-d1-item-icon.png) no-repeat left center;} .product2-d1-item .til-h3 p{margin-top: .1rem;} /* .product2-d1-item .til-h3 + .h4{margin-top: 0;} */ .product2-d1-item h4,.product2-d1-item .h4{color: #4c4c4c; margin-top: .4rem;} .product2-d1-item h4:first-child,.product2-d1-item .h4:first-child{margin-top: 0;} .product2-d1-item p{color: #808080;} .product2-d1-item p.strong{color: #005aa0;} .product2-d1-item .item{position: relative; margin-top: .5rem;} .product2-d1-item .item:first-child{margin-top: 0;} .product2-d1-item .num-ul{display: flex; margin-top: .1rem;} .product2-d1-item .num-ul .li{display: flex; align-items: center; flex: 1; margin-right: .12rem; padding: .04rem; color: #fff; background: #005aa0;} .product2-d1-item .num-ul .li:last-child{margin-right: 0;} .product2-d1-item .num-ul .num{height: .52rem; margin-right: .2rem; width: .52rem; display: flex; align-items: center; justify-content: center; background: #fff; font-family: "Rany-Bold"; color: #005aa0;} .product2-d1-item .num-ul.three{flex-wrap: wrap;} .product2-d1-item .num-ul.three .li{flex: none; width: calc(33.333% - .08rem); margin-bottom: .12rem;} .product2-d1-item .num-ul.three .li:nth-child(3n){margin-right: 0;} .product2-d1-item .dl, .product2-d1-item .dl2{display: flex; margin-top: .3rem;} .product2-d1-item .dt{flex: 1; width: auto; min-width: 0; box-sizing: border-box; border: .02rem solid #e6e6e6; background: no-repeat center; background-size: contain;} .product2-d1-item .dt.cover{background-size: cover;} .product2-d1-item .dd{margin-left: .2rem; width: 50%; flex: none;} .product2-d1-item .dl2 .dt{background-size: cover;} .product2-d1-item .dl2 .dd{margin-left: 0; width: 37%; flex: none; padding: .45rem .4rem; background: #eef2f6;} .product2-d1-item .dd ul{display: flex; flex-wrap: wrap; justify-content: space-between;} .product2-d1-item .dd li{width: 32%; padding: .25rem 0; border-bottom: .02rem solid #d9e2ec;} .product2-d1-item .dd h5{color: #4c4c4c;} .product2-d1-item .dd .box{padding: .2rem 0 .25rem; border-bottom: .02rem solid #d9e2ec;} .product2-d1-item .dd .box:first-child{padding-top: 0;} .product2-d1-item .dd .box:last-child{padding-bottom: 0; border: 0 none;} .product2-d1-item .dd .box h5{margin-bottom: .1rem;} .product2-d1-item .dd .box .p{position: relative; padding-left: .14rem; line-height: 1.8;} .product2-d1-item .dd .box .p:before{content: ""; display: block; position: absolute; width: .1rem; height: .1rem; background: #c92a2e; left: 0; top: .08rem;} .product2-d1-item table{width: 100%;} .product2-d1-item tbody{border-bottom: .01rem solid #dfe2e6; background: #fff;} .product2-d1-item tr{border-top: .01rem solid #dfe2e6;} .product2-d1-item tr:nth-child(1) td{color: #005aa0; font-weight: 600;} .product2-d1-item tr:nth-child(odd){background: #eef2f6;} .product2-d1-item td{padding: .1rem .3rem;} .product2-d1-item .dot-ul{display: flex; flex-wrap: wrap; margin-right: -.6rem; margin-top: .1rem;} .product2-d1-item .dot-ul .li{position: relative; padding-left: .14rem; margin-right: .6rem;} .product2-d1-item .dot-ul .li:before{content: ""; display: block; position: absolute; width: .1rem; height: .1rem; background: #c92a2e; left: 0; top: .06rem;} .product2-d1-item .left-loop-swiper{margin-top: .3rem;} .left-loop-swiper .swiper-slide{width: auto; margin-right: 0;} .left-loop-swiper.noSwiper{display: flex;} .left-loop-swiper.noSwiper .swiper-wrapper{display: flex; width: 100%;} .left-loop-swiper.noSwiper .swiper-slide{flex: 1; margin-right: .12rem;} .left-loop-swiper.noSwiper .swiper-slide:last-child{margin-right: 0;} .left-loop-swiper .txt{height: .68rem; padding: .1rem; display: flex; justify-content: center; align-items: center; background: #005aa0;} .left-loop-swiper .txt p{color: #fff;} .product2-d1-item .swiper-btns{position: absolute; right: 0; top: -.1rem; display: flex;} .product2-d1-item .swiper-btns .btn{width: .67rem; height: .48rem; background: no-repeat center; transition: all .4s; cursor: pointer;} .product2-d1-item .swiper-btns .swiper-prev{background-image: url(../images/idx-prev.png);} .product2-d1-item .swiper-btns .swiper-next{background-image: url(../images/idx-next.png); margin-left: .1rem;} .product2-d1-item .swiper-btns .swiper-prev:hover{background-image: url(../images/idx-prev-on.png);} .product2-d1-item .swiper-btns .swiper-next:hover{background-image: url(../images/idx-next-on.png);} .product2-d1-item .swiper-btns .swiper-prev.swiper-button-disabled:hover{background-image: url(../images/idx-prev.png);} .product2-d1-item .swiper-btns .swiper-next.swiper-button-disabled:hover{background-image: url(../images/idx-next.png);} .product2-d1-item .swiper-button-disabled{opacity: .5; cursor: auto;} .product2-d1-item .img{margin-top: .3rem;} .product2-d1-sy1{display: flex; height: 2rem; margin-top: .3rem;} .product2-d1-sy1 .til-dt{width: 3rem; padding: .5rem .3rem 0; color: #fff; background: #c92a2e;} .product2-d1-sy1 .til-dt p{color: #fff;} .product2-d1-sy1 .box{flex: 1; padding: .25rem 0 0; text-align: center; border: .02rem solid #ededed; border-left: 0 none;} .product2-d1-sy1 .box .pic{display: flex; align-items: center; justify-content: center;} .product2-d1-sy1 .box p{color: #808080; text-align: center;} .product2-d1-sy2{display: flex; justify-content: space-between;} .product2-d1-sy2 .box{position: relative; flex: 1; height: 2.66rem; margin-top: .3rem; border: .02rem solid #ededed; margin-right: .13rem;} .product2-d1-sy2 .box:last-child{margin-right: 0;} .product2-d1-sy2 .til,.product2-d1-sy2 .til-box{position: absolute; left: 0; right: 0; bottom: .14rem; color: #4c4c4c; text-align: center;} .product2-d1-sy2 .til-box{display: flex; left: .2rem; right: .2rem; justify-content: space-around;} .product2-d1-sy2 .til-box .til{position: static;} .product2-d1-sy2 .til1{position: absolute; right: 1.5rem; top: .5rem;} .product2-d1-sy3{display: flex; justify-content: space-between; margin-top: .3rem;} .product2-d1-sy3 .li{flex: 1; margin-right: .12rem; color: #fff; height: .6rem; line-height: .6rem; background: #005aa0; text-align: center;} .product2-d1-sy4{display: flex; justify-content: space-between; margin-top: .3rem;} .product2-d1-sy4 .le{width: 66%;} .product2-d1-sy4 .le .lt{width: 100%; border: 0 none;} .product2-d1-sy4 .lb{position: relative; z-index: 5; flex: 1; display: flex; justify-content: space-between; padding: .25rem 0 0;} .product2-d1-sy4 .lb:before{content: ""; display: block; position: absolute; left: .1rem; right: .1rem; top: .72rem; border-bottom: .02rem solid #ebebeb; z-index: -1;} .product2-d1-sy4 .li p{text-align: center; color: #4c4c4c; margin-top: .1rem;} .product2-d1-sy4 .ri{flex: 1; margin-left: .12rem; padding: .25rem .3rem; background: #fff;} .product2-d1-sy4 .ri-til{color: #4c4c4c;} .product2-d1-sy4 .ri li{display: flex; margin-top: .17rem;} .product2-d1-sy4 .ri .em{width: .6rem; height: .6rem; text-align: center; line-height: .6rem; color: #fff; background: #c92a2e; font-family: 'Rany-Bold';} .product2-d1-sy4 .ri .p{flex: 1; padding-left: .16rem; line-height: .56rem; height: .6rem; color: #4c4c4c; border-top: .02rem solid #ebebeb; border-bottom: .02rem solid #ebebeb;} .product2-item1-d3 .product2-item1-d4-sy1{margin-top: .25rem;} .product2-item1-d3 .product2-d1-item{padding: 0; margin-top: .55rem;} .product2-item1-d3-1{position: relative; display: flex; justify-content: space-between; margin-top: .6rem; z-index: 5;} .product2-item1-d3-1:before{position: absolute; content: ""; display: block; top: .32rem; left: .5rem; right: .5rem; border-bottom: .02rem solid #f2f2f2; z-index: -1;} .product2-item1-d3-1 .li{position: relative;} .product2-item1-d3-1 .li:after{position: absolute; left: 1.65rem; content: ""; display: block; top: .29rem; width: .08rem; height: .08rem; border-radius: 50%; background: #bfbfbf;} .product2-item1-d3-1 .li:last-child:after{display: none;} .product2-item1-d3-1 .li .icon{width: .66rem; height: .66rem; display: flex; margin: 0 auto .15rem; justify-content: center; align-items: center; border-radius: 50%; background: linear-gradient(to bottom, #005aa0, #1d7ac3);} .product2-item1-d3-1 .li p{text-align: center;} .product2-item1-d3-2{display: flex; margin-right: -.12rem; margin-top: .35rem;} .product2-item1-d3-2 .li{flex: 1; margin-right: .12rem; padding: 0 .3rem; height: .96rem; background: #f5f5f5; display: flex; align-items: center;} .product2-item1-d3-2 .li .num{margin-right: .12rem;} .product2-item1-d3-2 .li p{color: #4c4c4c; line-height: 1.4;} .product2-item1-d3-3{display: flex; margin-right: -.12rem; margin-top: .4rem;} .product2-item1-d3-3 .li{margin-right: .12rem; border: .02rem solid #f2f2f2;} .til-h3 + .product2-item1-d3-3, p + .product2-item1-d3-3{margin-top: .25rem;} .product2-item1-d3-4{display: flex; margin-right: .12rem; margin-top: .25rem;} .product2-item1-d3-4 .li{margin-right: .12rem;} .product2-item1-d4-sy1{display: flex; flex-wrap: wrap; margin-right: -.12rem;} .product2-item1-d4-sy1 .li{width: calc(25% - .12rem); margin-right: .12rem; margin-bottom: .12rem;} .product2-item1-d4-sy1 .li.w2{width: calc(50% - .12rem);} .product2-item1-d4-sy1 .txt{height: .68rem; padding: .1rem; display: flex; justify-content: center; align-items: center; background: #005aa0;} .product2-item1-d4-sy1 .txt p{color: #fff;} .product2-item1-d4-sy1.cover .li{flex: 1; width: auto;} .product2-d1-sy6{display: flex; flex-wrap: wrap;} .product2-item1-d5-sy1{display: flex;} .product2-item1-d5-sy1 .li{flex: 1; margin-right: .1rem;} .product2-item1-d5-sy1 .li:last-child{margin-right: 0;} .product2-item1-d5-sy1 .txt{height: 1.8rem; padding: .2rem; background: #f5f5f5;} .product2-item1-d5-sy1 .txt h5{color: #4c4c4c; margin-bottom: .06rem; transition: all .4s;} .product2-item1-d5-sy1 .txt p{color: #808080;} .product2-item1-d5-sy1 .li:hover .txt h5{color: #005aa0;} .product2-item1-d5-sy2{margin-top: .3rem;} .product2-item1-d5-sy2 ul{display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -.06rem; padding-top: 1.2rem; margin-top: .2rem;} .product2-item1-d5-sy2 li{position: relative; width: calc(25% - .12rem); height: 4.05rem; padding: 1.2rem .2rem 0; margin: 0 .06rem; margin-bottom: .3rem; cursor: pointer; background: url(../images/product/product2-item1-d5-bg.png) no-repeat center; background-size: 100% 100%; margin-top: -1.2rem; transition: all .4s;} .product2-item1-d5-sy2 .icon{width: .6rem; height: .6rem; display: flex; justify-content: center; align-items: center; margin: 0 auto .2rem; background: no-repeat center;} .product2-item1-d5-sy2 ul h5{color: #4c4c4c; margin-bottom: .1rem; text-align: center;} .product2-item1-d5-sy2 ul p{color: #808080; text-align: center;} .product2-item1-d5-sy2 li:hover{background-image: url(../images/product/product2-item1-d5-bg-on.png);} .product2-item1-d3-7{margin-top: .3rem;} .product2-item1-d3-7 .til-box{display: flex; height: .68rem; justify-content: center; align-items: center; background: #005aa0; margin-bottom: .1rem;} .product2-item1-d3-7 .til-box .i{position: relative; line-height: 1; padding: 0 .2rem; color: #fff; border-right: .02rem solid #337bb3;} .product2-item1-d3-7 .til-box .i:last-child{border-right: 0 none;} .product2-item1-d3-7 .cnt{display: flex; justify-content: space-between;} .product2-item1-d3-7 .le{width: 49.5%; margin-bottom: .1rem;} .product2-item1-d3-7 .txt{height: .68rem; padding: .1rem; display: flex; align-items: center; justify-content: center; background: #eef2f6;} .product2-item1-d3-7 .txt p{color: #4c4c4c;} .product2-item1-d3-7 .ri{display: flex; flex-wrap: wrap; justify-content: space-between; width: 49.5%;} .product2-item1-d3-7 .ri .li{width: 49%; margin-bottom: .1rem;} .product2-item1-d3-7 .bom{display: flex; justify-content: space-between;} .product2-item1-d3-7 .bom .le{width: 49.5%; padding-right: .3rem;} .product2-item1-d3-7 .bom .ri{width: 49.5%;} .product2-item1-d3-8{margin-top: .2rem;} .product2-item1-d3-8 .til-box{display: flex;} .product2-item1-d3-8 .til-box .i{padding: 0 .3rem; line-height: 1; border-right: .02rem solid #e5e5e5;} .product2-item1-d3-8 .til-box .i:first-child{padding-left: 0; padding-right: 0;} .product2-item1-d3-8 .til-box .i:last-child{padding-right: 0; border: 0 none;} .product2-item1-d3-8 ul{display: flex; margin-top: .25rem;} .product2-item1-d3-8 li{position: relative; flex: 1; height: .52rem; line-height: .52rem; background: #c92a2e; color: #fff; text-align: center; margin-right: .06rem;} .product2-item1-d3-8 li:first-child:after{display: none;} .product2-item1-d3-8 li:last-child{margin-right: 0;} .product2-item1-d3-8 li:last-child:before{display: none;} .product2-item1-d3-8 li:before, .product2-item1-d3-8 li:after{content: ""; display: block; position: absolute; top: 50%; margin-top: -.08rem; border: .08rem solid #c92a2e; border-top-color: transparent; border-bottom-color: transparent; border-right: 0 none;} .product2-item1-d3-8 li:before{right: -.08rem; z-index: 2;} .product2-item1-d3-8 li:after{left: 0; border-color: #fff; border-top-color: transparent; border-bottom-color: transparent;} .product2-item1-d3-8+.product2-item1-d3-1{margin-top: .3rem;} .product2-item1-d3-14{display: flex; margin-top: .25rem;} .product2-item1-d3-14 .li{flex: 1; margin-right: .12rem;} .product2-item1-d3-14 .li:last-child{margin-right: 0;} .product2-item1-d3-14 .pic{border: .02rem solid #eef2f6;} .product2-item1-d3-14 .txt{height: .68rem; padding: .1rem; display: flex; justify-content: center; align-items: center; background: #eef2f6;} .product2-item1-d3-14 .txt p{color: #4c4c4c;} .product2-item1-d3-14 .li2{flex: 1; padding: .1rem .3rem; background: #eef2f6;} .product2-item1-d3-14 .li2 .box{padding: .25rem 0; border-bottom: .02rem solid #e4e7eb;} .product2-item1-d3-14 .li2 .box:last-child{border-bottom: 0 none;} .product2-item1-d3-14 .li2 .h5{color: #4c4c4c; margin-bottom: .1rem;} .product2-item1-d3-14 .li2 p{color: #808080;} .product2-d-ban .top-wr{height: 5.64rem;} .product2-d-ban .auto{display: flex; padding-top: .8rem;} .product2-d-ban .cnt{top: .8rem; margin: 0; flex: 1; padding-right: .6rem; max-width: 45%;} .product2-d-ban .page-t1{margin-bottom: .3rem;} .product2-d-ban h4{margin-bottom: .1rem;} .product2-d-ban li{position: relative; padding-left: .18rem; color: rgba(255,255,255,.7);} .product2-d-ban li:before{content: ""; display: block; position: absolute; left: 0; top: .08rem; width: .08rem; height: .08rem; border-radius: 50%; background: rgba(255,255,255,.4);} .product2-d-ban .pic{margin-left: auto; width: 50%; max-width: 7.2rem; height: 4.05rem; margin-right: 0;} .product2-d-ban .pic:after{content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 2; background: linear-gradient(to bottom, transparent, transparent, rgba(0,0,0,1));} .product2-d-ban .swiper-pagination-bullet{width:.2rem;height:.14rem;opacity:1;background:url(../images/index/ban-dot.png) no-repeat center;cursor:pointer;border-radius:0} .product2-d-ban .swiper-pagination-bullet-active{background:url(../images/index/ban-dot-on.png) no-repeat center} .product2-d-ban .swiper-pagination{position:absolute; bottom:.2rem !important; right: .2rem !important; width: auto !important; z-index:50; display:flex; justify-content: flex-end; font-size:0;} .product2-d{background: url(../images/product/product2-d-bg.jpg) no-repeat bottom center;background-size: 100% ;} .product2-d-cnt1{padding-top: .95rem;} .product2-d-cnt1 h3{color: #4c4c4c; margin-bottom: .1rem;} .product2-d-cnt1 ul{display: flex; margin-top: .35rem; justify-content: space-between; flex-wrap: wrap;} .product2-d-cnt1 li{width: 49.5%; padding: .35rem .3rem; background: #f5f5f5; margin-bottom: .1rem;} .product2-d-cnt1 li h4{color: #005aa0; margin-bottom: .1rem;} .product2-d-cnt1 li p{color: #808080;} .product2-d-form{ padding-bottom: 1rem; padding-top: 1rem; } .product2-d-form .w-le{width: 49.5%;} .product2-d2-cnt1{padding: 1rem 0 0;} .product2-d2 .product2-d-form .auto{ padding-top: .5rem; } .product2-d2-cnt1 .item{margin-top: .55rem;} .product2-d2-cnt1 .item:first-child{margin-top: 0;} .product2-d2-cnt1 .item .til{color: #4c4c4c; margin-bottom: .25rem;} .product2-d2-cnt1 .dl{display: flex; /* height: 3.26rem; */ height: auto; } .product2-d2-cnt1 .dt{width: 40%; flex: none;} .product2-d2-cnt1 .dd{flex: 1; padding: .3rem; color: #808080; background: #f2f2f2; overflow: hidden; overflow-y: auto;} .product2-d2-cnt1 .dd h4{color: #4c4c4c; margin-top: .3rem; margin-bottom: .04rem;} .product2-d2-cnt1 .dd h4:first-child{margin-top: 0;} .product2-d2-cnt1 .dd li{position: relative; padding-left: .13rem;font-size: .18rem;} .product2-d2-cnt1 .dd li:before{content: ""; display: block; position: absolute; left: 0; top: .09rem; width: .06rem; height: .06rem; border-radius: 50%; background: #c92a2e;} .product2-d1-sy5 .pic{border: .02rem solid #ededed; border-bottom: 0 none;} .product2-c-bg{background: no-repeat center;} .contact-cnt1{padding: 1rem 0 .75rem;} .contact-cnt1 ul{display: flex; flex-wrap: wrap; overflow: hidden;} .contact-cnt1 li{width: 32.8%; max-width: 47.3%; margin: 0 0.8% 0 0; background: #f5f5f5;} .contact-cnt1 li:nth-child(3n){margin-right: 0;} .contact-cnt1 li .pic{overflow: hidden;} .contact-cnt1 li .pic img{transition: all .6s;} .contact-cnt1 li .txt{position: relative; height:2rem; padding: .25rem .3rem; border-bottom: .04rem solid #e8e8e8;} .contact-cnt1 li .txt:after{content: ""; display: block; position: absolute; left: 0; bottom: -.04rem; border-bottom: .04rem solid #005aa0; width: 0; transition: all .6s;} .contact-cnt1 li h4{color: #4c4c4c; margin-bottom: .1rem; transition: all .4s;} .contact-cnt1 li p{color: #808080;} .contact-cnt1 li:hover .pic img{transform: scale(1.1);} .contact-cnt1 li:hover .txt h4{color: #005aa0;} .contact-cnt1 li:hover .txt:after{width: 100%;} .contact-cnt2 .auto{position: relative; z-index: 10; display: flex; justify-content: space-between; padding-bottom: 1rem;} .contact-cnt2 .w-le{width: 30%;} .contact-cnt2 .w-le ul{background: #f5f5f5; padding: 0 .3rem;} .contact-cnt2 .w-le li{position: relative; border-bottom: .02rem solid #ededed; padding: .26rem 0 .26rem .58rem;} .contact-cnt2 .w-le li:last-child{border-bottom: 0 none;} .contact-cnt2 .w-le .icon{position: absolute; left: 0; top: .26rem; width: .46rem; height: .46rem; background: #ea1c24 url(../images/contact/contact-c2-icon-phone.png) no-repeat center; background-size: .22rem;} .contact-cnt2 .w-le .num{color: #4c4c4c; font-family: 'Rany-Bold'; line-height: 1; padding-top: .02rem;} .contact-cnt2 .w-le p{line-height: 1.2;} .contact-cnt2 .w-ri{width: 66%;} .contact-cnt2 .form .ipt{width: 32%;} .contact-cnt2 .form .ipt.sy2{width: 49%;} .contact-cnt2 .form .check{width: 32%;} .contact-map{position: relative; height: 6.6rem; overflow: hidden;} .contact-map #map{width: 100%; height: 100%;} .contact-map .dot{width: .4rem; height: .4rem; position: absolute; z-index: 10; left: 50%; top: 50%; margin:-.18rem 0 0 -.18rem; pointer-events: none;} .contact-map .dot .i{position: absolute; z-index: 5; left: 50%; top: 50%; margin: -.04rem 0 0 -.04rem; width: .08rem; height: .08rem; background: #ea1c24; border-radius: 50%;} .contact-map .dot:before,.contact-map .dot:after{content: ""; display: block; position: absolute; left: 50%; top: 50%; margin: -.5rem 0 0 -.5rem; width: 1rem; height: 1rem; background: radial-gradient(circle, transparent 40%, #ea1c24 130%); border-radius: 50%; animation: z-diffusion 2.5s both linear infinite;} .contact-map .dot:after{animation-delay: .8s;} .contact2-ban .top-wr{height: 7.2rem;} .contact2-cnt1{padding: .95rem 0 1.1rem;} .contact2-cnt1 .h-til{text-align: center; color: #4c4c4c; margin-bottom: .25rem;} .contact2-cnt1 .hd{margin-bottom: .2rem;} .contact2-cnt1 .hd ul{display: flex; justify-content: center;} .contact2-cnt1 .hd li{height: .36rem; line-height: .36rem; text-align: center; padding: 0 .15rem; margin: 0 .05rem; background: #ebf2f9; cursor: pointer; transition: all .4s;} .contact2-cnt1 .hd li.on{background: #005aa0; color: #fff;} .contact2-cnt1 .top-box{margin-bottom: .6rem;} .contact2-cnt1 .seek-box{position: relative; display: flex; width: 5.62rem; margin: 0 auto;} .contact2-cnt1 .seek-box:before{content: ""; display: block; position: absolute; left: .18rem; top: 0; width: .18rem; height: 100%; background: url(../images/icon-seek.png) no-repeat center; background-size: contain;} .contact2-cnt1 .seek-box input{flex: 1; border: .02rem solid #ededed; border-right: 0 none; padding: .1rem .2rem .1rem .44rem;} .contact2-cnt1 .seek-box input::placeholder{color: #b2b2b2;} .contact2-cnt1 .seek-box .btn{height: .54rem; line-height: .54rem; width: .84rem; background: linear-gradient(to bottom, #0041c3, #0073e6); text-align: center; color: #fff;} .contact2-cnt1 .list .dt{position: relative; padding: .3rem; background: #eef2f6; cursor: pointer;} .contact2-cnt1 .list .dt:after{content: ""; display: block; position: absolute; right: .42rem; top: 50%; margin-top: -.18rem; width: .36rem; height: .36rem; background: url(../images/icon-down4.png) no-repeat center; border: .02rem solid #c6ccd2; transition: all .4s;} .contact2-cnt1 .list .dt h3{color: #4c4c4c; margin-bottom: .06rem;} .contact2-cnt1 .list .dt .p-box{display: flex;} .contact2-cnt1 .list .dt p{margin-right: .2rem; color: #808080;} .contact2-cnt1 .list .dd{display: none; border: .02rem solid #ededed; border-top: 0 none; padding: .3rem;} .contact2-cnt1 .list h4{color: #4c4c4c; margin-bottom: .04rem; margin-top: .2rem;} .contact2-cnt1 .list h4:first-child{margin-top: 0;} .contact2-cnt1 .list p{color: #808080;} .contact2-cnt1 .list .btn{height: .52rem; line-height: .52rem; width: 1.2rem; display: flex; justify-content: center; color: #fff; background: #c92a2e ; margin-top: .46rem; cursor: pointer;} .contact2-cnt1 .list .btn:after{content: ""; display: block; width: .07rem; height: 100%; background: url(../images/contact/contact2-icon-next.png) no-repeat center; background-size: contain; margin-left: .1rem;} .contact2-cnt1 .list .dl:nth-child(even) .dt{background: #fff;} .contact2-cnt1 .list .dt.on:after{transform: rotate(180deg);} .contact3-cnt1{padding: 1rem 0 1.1rem;} .contact3-cnt1 .ul{display: flex; flex-wrap: wrap;} .contact3-cnt1 .ul a{margin: 0 .1rem .1rem 0; width: 2.8rem;} .contact3-cnt1 .ul a:nth-child(5n){margin-right: 0;} .contact3-cnt1 .ul .dt{position: relative;} .contact3-cnt1 .ul .mask{opacity: 0; transition: all .4s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);} .contact3-cnt1 .ul .mask .icon{position: absolute; left: 50%; top: 50%; margin: -.28rem 0 0 -.28rem; width: .56rem; height: .56rem; background: url(../images/contact/icon-download.png) no-repeat center; background-size: contain; z-index: 5;} .contact3-cnt1 .ul .dd{color: #4c4c4c; padding: .2rem .3rem; background: #eef2f6 url(../images/contact/icon-pdf.png) no-repeat 2.25rem center;} .contact3-cnt1 .ul a:hover .mask{opacity: 1;} .chairman-ban .top-wr{height: 8.41rem;} .chairman-ban .auto{height: 100%; position: relative;} .chairman-ban .txt{position: absolute; z-index: 5; left: 0; top: 50%; transform: translateY(-50%); /* width: 3.8rem; */ width: auto; color: rgba(255,255,255,1);} .chairman-ban .auto::after{ content: ''; position: absolute; top: 64%; left: 0; width: calc(100% - 1.5rem); height: .01rem; background-color: rgba(0,0,0,.1); } .chairman-ban .txt:after{position: absolute; left: -.76rem; top: -.75rem; z-index: -1; content: ""; display: block; width: 1.49rem; height: 1.35rem; background: url(../images/chairman/chairman-ban-dot.png) no-repeat center; background-size: contain;opacity: .5;} .chairman-ban .txt .til{color:#fff; margin-bottom: .2rem;} .chairman-ban .txt p{margin-bottom: .16rem; font-size: .26rem; line-height: .4rem;} .chairman-ban .txt .name{float: left; margin-top: .6rem; width: 1.1rem; height: .6rem;background: url(../images/chairman/chairman-ban-name.svg) no-repeat center; background-size: contain;} .chairman-ban .ma-box{position: absolute; right: 0; top: 61%;display: flex;align-items: center;} .chairman-ban .ma-box .pos {display: none;animation: fadeIn 1s forwards;width: 1.4rem; padding: .1rem;background-color: #FFF;position: absolute; left: 77%; transform: translateX(-50%); bottom: 0.6rem;box-shadow: 0 0 .3rem .05rem #0000000d;z-index: 50;} .chairman-ban .ma-box .ma{width: 1.2rem;} .chairman-ban .ma-box .icon{margin: 0 auto;} .chairman-ban .ma-box p{color: #27587e; text-align: center; margin-top: .06rem;font-size: .16rem;margin-right: .05rem;} .chairman-ban .ma-box:hover .pos {display: block;} .chairman-cnt1{position: relative; height: 9.1rem; background: url(../images/chairman/chairman-c1-bg.jpg) no-repeat bottom center;} .chairman-cnt1 .auto{padding-top: 1.05rem;} .chairman-cnt1 .c-til-box{float: none;} /* .chairman-cnt1 .ri{float: right; width: 9.6rem;} */ .chairman-cnt1 .ri .til{color: #4c4c4c; margin-bottom: .06rem;} .chairman-cnt1 .ri .p{display: flex; align-items: center; color: #4c4c4c; margin-bottom: .2rem;} .chairman-cnt1 .ri .p:after{content: ""; display: block; flex: 1; border-bottom: .02rem solid #eee; margin-left: .2rem;} .chairman-cnt1 .dl{display: flex;} .chairman-cnt1 .b1 .dt{position: relative; flex: 1; padding-right: .6rem; padding-bottom: 1.5rem;} .chairman-cnt1 .b1 .dt:before{content: ""; display: block; position: absolute; left: 0.09rem; top: .04rem; width: .02rem; height: calc(100% - .8rem); background: linear-gradient(to bottom, #d8e5f2 50%, transparent)} .chairman-cnt1 .b1 .li{position: relative; padding-left: .3rem; color: #4c4c4c; margin-bottom: .22rem;} .chairman-cnt1 .b1 .li:before{content: ""; display: block; position: absolute; left: 0; top: .04rem; width: .2rem; height: .2rem; background: url(../images/chairman/chairman-c1-dot.png) no-repeat center; background-size: contain;} .chairman-cnt1 .dd{width: 3rem; display: flex; justify-content: center; align-items: center; background: #f5f5f5;} .chairman-cnt1 .b2{margin-top: .6rem;} .chairman-cnt1 .b2 .dt{flex: 1; padding: 0 .15rem; color: #fff; background: linear-gradient(to bottom, #0041c2, #0073e6);} .chairman-cnt1 .b2 .dt .li{position: relative; padding: .2rem 0 .2rem .16rem; border-bottom: .01rem dashed rgba(255,255,255,.2);} .chairman-cnt1 .b2 .dt .li:before{content: ""; display: block; position: absolute; left: 0; top: .29rem; width: .06rem; height: .06rem; border-radius: 50%; background: #fff;} .chairman-cnt2{position: relative; height: 7rem; padding-top: .85rem; background: url(../images/chairman/chairman-c2-bg.jpg) no-repeat center;} .chairman-cnt2 .ul{display:flex;justify-content:space-between} .chairman-cnt2 .ul a{position:relative;width:4.73rem;background:#fff;max-width:32.8%} .chairman-cnt2 .ul .pic{overflow:hidden;height:2.5rem} .chairman-cnt2 .ul .pic img{transition:all .6s} .chairman-cnt2 .ul .txt{position: relative; padding:.25rem .3rem;height:1.6rem;background:#fff;transition:all .4s} .chairman-cnt2 .ul .time{color:#999999;font-family:'Rany-Bold'} .chairman-cnt2 .ul h4{color:#4c4c4c;line-height:1.2;margin-bottom:.2rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .chairman-cnt2 .ul .more{position:absolute;left:.3rem;bottom:.28rem; color:#808080;padding-right:.26rem;line-height:1.6;background:url(../images/index/idx-c5-icon-next.png) no-repeat .7rem center} .chairman-cnt2 .ul a:hover .time,.chairman-cnt2 .ul a:hover h4{color:#005aa0} .chairman-cnt2 .ul a:hover .more{background-position-x:.75rem} .chairman-cnt2 .ul a:hover .pic img{transform:scale(1.05)} .chairman-cnt2 .ul a *{transition:all .5s} .chairman-cnt2 .swiper-pagination{position: static; margin-top: .3rem;} .chairman-cnt2 .swiper-pagination .swiper-pagination-bullet{width:.2rem;height:.14rem;opacity:1;background:url(../images/chairman/chairman-c2-dot.png) no-repeat center;cursor:pointer;border-radius:0} .chairman-cnt2 .swiper-pagination .swiper-pagination-bullet-active{background:url(../images/chairman/chairman-c2-dot-on.png) no-repeat center} .case-cnt1{position: relative; padding-top: 1rem;} .case-c1-swiper{overflow: hidden;} .case-c1-swiper:before, .case-c1-swiper:after{content: ""; display: block; position: absolute; left: 50%; margin-left: -11rem; height: 100%; top: 0; width: 7.3rem; background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); z-index: 55;} .case-c1-swiper:after{left: auto; right: 50%; margin-left: 0; margin-right: -11rem; transform: rotate(180deg);} .case-c1-swiper .swiper-slide{width: 7.2rem; margin: 0 auto; background: #fff;} .case-c1-swiper .pic{position: relative; overflow: hidden;} .case-c1-swiper .pic .txt{position: absolute; left: 0; right: 0; bottom: -.4rem; padding: .6rem .3rem .2rem; opacity: 0; transition: all .6s; background: linear-gradient(to bottom, transparent , #000)} .case-c1-swiper .pic .txt h4{color: #fff; margin-right: 1.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .case-c1-swiper .btns .btn{position: absolute; top: 50%; margin-top: -1rem; width: .66rem; height: .48rem; background: no-repeat center; z-index: 2555; cursor: pointer; transition: all .6s;} .case-c1-swiper .btns .prev{left: 50%; margin-left: -4.5rem; background-image: url(../images/idx-prev-on.png);} .case-c1-swiper .btns .next{right: 50%; margin-right: -4.5rem; background-image: url(../images/idx-next-on.png);} /* .case-c1-swiper .btns .prev:hover{background-image: url(../images/idx-prev-on.png);} .case-c1-swiper .btns .next:hover{background-image: url(../images/idx-next-on.png);} */ .case-c1-swiper .more{position: absolute; right: .3rem; bottom: .2rem; height: .32rem; display: flex; align-items: center; color: #fff;} .case-c1-swiper .more:after{content: ""; margin-left: .09rem; display: block; width: .07rem; height: 100%; background: url(../images/icon-more3.png) no-repeat center; background-size: contain;} .case-c1-swiper .dd{height: 1.42rem; padding: .2rem; background: #fff; overflow: hidden; border-bottom: .02rem solid #eef2f6; transition: all .6s;} .case-c1-swiper .dd ul{display: flex; flex-wrap: wrap; margin-right: -.1rem; opacity: 0; margin-top: .5rem; transition: all .6s;} .case-c1-swiper .dd li{height: .36rem; line-height: .36rem; background: #fff; width: 2.2rem; padding: 0 .1rem; color: #808080; margin: 0 .1rem .1rem 0; font-size: .14rem;} .case-c1-swiper .swiper-slide-active .dd{background: #eef2f6;} .case-c1-swiper .swiper-slide-active ul{opacity: 1; margin-top: 0;} .case-c1-swiper .swiper-slide-active .txt{opacity: 1; bottom: 0;} .case-cnt2 .swiper-caseIcn{ display: none; } .case-cnt2{position: relative; height: 9.14rem; overflow: hidden; background: url(../images/case/case-c2-bg.jpg) no-repeat center;} .case-cnt2 .auto{height: 100%; position: relative;} .case-cnt2 .cnt{position: absolute; padding-top: .8rem; left: 50%; top: 50%; width: 4.6rem; transform: translateY(-50%); margin-left: -2.3rem; text-align: center;} .case-cnt2 .cnt .til{color: #4c4c4c; line-height: 1.2; margin-bottom: .2rem;} .case-cnt2 .cnt p{color: #808080; line-height: 1.2; text-align: center;} .case-cnt2 .cnt .num{margin-top: .3rem; font-family: 'Rany-Bold'; background-image: linear-gradient(to bottom, #0071c7, #005aa0); -webkit-background-clip: text; background-clip: text; color: transparent; line-height: 1;} .case-cnt2 ul{position: absolute; left: 0; top: .4rem; bottom: 0; right: 0;} .case-cnt2 li{position: absolute; width: 2rem; height: 1rem; top: 50%; display: flex; justify-content: center; align-items: center;} .case-cnt2 .ul1 li:nth-child(1){left: 50%; margin: -1.6rem 0 0 -3.8rem;} .case-cnt2 .ul1 li:nth-child(2){left: 50%; margin: .6rem 0 0 -3.8rem;} .case-cnt2 .ul1 li:nth-child(3){right: 50%; margin: -1.6rem -3.8rem 0 0;} .case-cnt2 .ul1 li:nth-child(4){right: 50%; margin: .6rem -3.8rem 0 0;} .case-cnt2 .ul1 li:nth-child(5){left: 50%; margin: -3.5rem 0 0 -1rem;} .case-cnt2 .ul1 li:nth-child(6){left: 50%; margin: 2.5rem 0 0 -1rem;} .case-cnt2 .ul2 li:nth-child(1){left: 50%; margin: -2.9rem 0 0 -5.1rem;} .case-cnt2 .ul2 li:nth-child(2){left: 50%; margin: -1.3rem 0 0 -5.75rem;} .case-cnt2 .ul2 li:nth-child(3){left: 50%; margin: .3rem 0 0 -5.8rem;} .case-cnt2 .ul2 li:nth-child(4){left: 50%; margin: 1.9rem 0 0 -5.1rem;} .case-cnt2 .ul2 li:nth-child(5){right: 50%; margin: -2.9rem -5.1rem 0 0;} .case-cnt2 .ul2 li:nth-child(6){right: 50%; margin: -1.3rem -5.7rem 0 0;} .case-cnt2 .ul2 li:nth-child(7){right: 50%; margin: .3rem -5.8rem 0 0;} .case-cnt2 .ul2 li:nth-child(8){right: 50%; margin: 1.9rem -5.1rem 0 0;} .case-cnt2 .ul3 li:nth-child(1){left: 50%; margin: -2.9rem 0 0 -6.8rem;} .case-cnt2 .ul3 li:nth-child(2){left: 50%; margin: -1.9rem 0 0 -7.5rem;} .case-cnt2 .ul3 li:nth-child(3){left: 50%; margin: -.9rem 0 0 -7.7rem;} .case-cnt2 .ul3 li:nth-child(4){left: 50%; margin: .1rem 0 0 -7.4rem;} .case-cnt2 .ul3 li:nth-child(5){left: 50%; margin: 1rem 0 0 -7.4rem;} .case-cnt2 .ul3 li:nth-child(6){left: 50%; margin: 1.9rem 0 0 -7rem;} .case-cnt2 .ul3 li:nth-child(7){right: 50%; margin: -2.9rem -6.8rem 0 0;} .case-cnt2 .ul3 li:nth-child(8){right: 50%; margin: -1.9rem -7.5rem 0 0;} .case-cnt2 .ul3 li:nth-child(9){right: 50%; margin: -.9rem -7.7rem 0 0;} .case-cnt2 .ul3 li:nth-child(10){right: 50%; margin: .1rem -7.4rem 0 0;} .case-cnt2 .ul3 li:nth-child(11){right: 50%; margin: 1rem -7.4rem 0 0;} .case-cnt2 .ul3 li:nth-child(12){right: 50%; margin: 1.9rem -7rem 0 0;} .case-cnt2 .ul3 li:nth-child(7) img{ width: 50%; } .case-d-cnt1{padding: 1rem 0;} .case-d-cnt1 .dl{display: flex; height: 4.6rem;} .case-d-cnt1 .dt{position: relative; width: 50%; height: 100%; overflow: hidden;} .case-d-cnt1 .dt .btn{position: absolute; top: 50%; margin-top: -.25rem; width: .5rem; height: .5rem; background: rgba(0,0,0,.3) no-repeat center; z-index: 2555; cursor: pointer; transition: all .6s;} .case-d-cnt1 .dt .prev{left: 0; background-image: url(../images/case/icon-prev.png);} .case-d-cnt1 .dt .next{right: 0; background-image: url(../images/case/icon-next.png);} .case-d-cnt1 .dt .btn:hover{background-color: #0073e6;} .case-d-cnt1 .dd{flex: 1; padding: .25rem 0 0 .3rem; height: 100%; border-top: .04rem solid #f2f2f2; border-bottom: .04rem solid #f2f2f2; overflow: hidden; overflow-y: auto;} .case-d-cnt1 .dd h4{color: #4c4c4c; margin-bottom: .15rem;} .case-d-cnt1 .dd ul{display: flex; flex-wrap: wrap; margin-right: -.1rem; transition: all .6s; margin-bottom: .15rem;} .case-d-cnt1 .dd .p-box p{ font-size: .16rem; } .case-d-cnt2 .auto>.c-til-box p{ font-size: .16rem; } .case-d-cnt1 .dd li{height: .36rem; line-height: .36rem; background: #eef2f6; width: 2.22rem; padding: 0 .1rem; color: #808080; margin: 0 .1rem .1rem 0; font-size: .14rem;} .case-d-cnt1 .dd p{margin-bottom: .2rem;} .case-d-cnt1 .dd .bom{display: flex;} .case-d-cnt1 .dd .item{margin-right: 1rem; color: #4c4c4c;} .case-d-cnt1 .dd .item:last-child{margin-right: 0;} .case-d-cnt1 .dd .num{color: #808080;} .case-d-cnt1 .dd .num em{color: #0073e6; font-family: 'Rany-Bold'; line-height: 1;} .case-d-cnt2{padding: .75rem 0 1rem; background: #f4f4f4 url(../images/case/case-d-c2-bg.jpg) no-repeat bottom center;} .case-d-cnt2 .auto>.c-til-box{margin-bottom: .5rem;} .case-d-cnt2 .auto>.c-til-box .c-h1{margin-bottom: .12rem;} .case-d-cnt2 ul{display: flex; flex-wrap: wrap; justify-content: space-between;} .case-d-cnt2 li{ max-width: 6.9rem; margin-bottom: .4rem; width: 49%;} .case-d-cnt2 .dt{position: relative; padding-left: .8rem; background: #fff; height: .6rem; color: #4c4c4c; display: flex; align-items: center;} .case-d-cnt2 .dt .num{position: absolute; height: 100%; left: 0; top: 0; width: .6rem; color: #fff; background: #0073e6; justify-content: center; display: flex; align-items: center; font-family: 'Rany-Bold';} .case-d-cnt2 .dd{padding: .15rem 0 0; color: #808080;} .case-d-cnt2 .dd p{ text-align: left; } #footer{height: 3.54rem; background: url(../images/footer.jpg) no-repeat center;} .footer .auto{display: flex; padding: .75rem 0;} .footer .w-le p{color: rgba(255,255,255,.6); line-height: 2;} .footer ul{display: flex; margin-left: auto;} .footer li{margin-right: .8rem;} .footer li:last-child{margin-right: 0;} .footer li .til{color: #fff; padding-bottom: .15rem;} .footer li .dd{padding-top: .1rem; border-top: .02rem solid rgba(255,255,255,.1);} .footer li .dd a{color: rgba(255,255,255,.6); line-height: 2; transition: all .4s;} .footer li .dd a:hover{color: #fff;} #footer .share-box{display: flex; align-items: center; color: #fff; margin-top: .3rem;} #footer .share-box p{margin-right: .2rem;} #footer .share-box .item{position: relative; margin-right: .1rem;} #footer .share-box .item .icon{width: .4rem; height: .4rem; border-radius: 50%; background: #669cc6 no-repeat center; opacity: .5; transition: all .4s;} #footer .share-box .item .pos {display: none;animation: fadeIn 1s forwards;width: 1.4rem; padding: .1rem;background-color: #FFF;position: absolute;left: 50%;transform: translateX(-50%); bottom: .5rem;box-shadow: 0 0 .3rem .05rem #0000000d;z-index: 50;} #footer .share-box .item .ma{width: 1.2rem;} #footer .share-box .item:hover .icon{opacity: 1;} #footer .share-box .item:hover .pos {display: block;} /* 展示页 */ .banner{width:100%;height:100vh;position:relative;max-width:22rem;left:0;right:0;top:0;margin:auto;z-index:2} .banner .next,.banner .prev{width:.62rem;height:.62rem;position:absolute;top:46%;transform:translateY(-50%);transition:all .4s;border:2px solid #515151;z-index:100;opacity:0;outline:none;cursor:pointer;border-radius:50%} .banner .next{right:20px;background:url(../images/next.png) no-repeat 50%;transform:translateX(100%)} .banner .prev{left:20px;background:url(../images/prev.png) no-repeat 50%;transform:translateX(-100%)} .banner:hover .next,.banner:hover .prev{opacity:1;transform:translateX(0)} .banner .prev:hover{border-color:#ffd25a;background:#ffd25a url(../images/prevon.png) no-repeat .12rem} .banner .next:hover{border-color:#ffd25a;background:#ffd25a url(../images/nexton.png) no-repeat .28rem} .banner .hd{position:absolute;bottom:.4rem;right:.4rem;z-index:50;width:100%} .banner .hd ul{display:flex;justify-content:right;font-size:0} .banner .hd li{position:relative;width:16px;height:16px;border-radius:50%;text-align:center;cursor:pointer;border:3px solid transparent;margin:0 12px !important;background:none} .banner .hd li:first-child{margin-left:0 !important} .banner .hd li:after{content:"";display:block;position:absolute;left:50%;top:50%;width:6px;height:6px;background:#fff;border-radius:50%;margin:-3px 0 0 -3px} .banner .hd li .l{position:absolute;width:8px;height:16px;top:-3px;left:-3px;overflow:hidden;border-radius:8px 0 0 8px} .banner .hd li .r{position:absolute;width:8px;height:16px;top:-3px;right:-3px;overflow:hidden;border-radius:0 8px 8px 0} .banner .hd li .l:after{content:" ";display:block;position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:3px solid #fff;border-color:transparent #fff #fff transparent;transform:rotate(-45deg)} .banner .hd li .r:after{content:" ";display:block;position:absolute;right:0;top:0;width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:3px solid #fff;border-color:#fff transparent transparent #fff;transform:rotate(-45deg)} .banner .hd li.swiper-pagination-bullet-active{border-color:rgba(255,255,255,.45)} .banner .hd li.swiper-pagination-bullet-active .l:after{-webkit-animation:circle_right 5s linear 1 forwards;-moz-animation:circle_right 5s linear 1 forwards;-o-animation:circle_right 5s linear 1 forwards;animation:circle_right 5s linear 1 forwards} .banner .hd li.swiper-pagination-bullet-active .r:after{-webkit-animation:circle_right 4.9s 2.5s linear 1 forwards;-moz-animation:circle_right 4.9s 2.5s linear 1 forwards;-o-animation:circle_right 4.9s 2.5s linear 1 forwards;animation:circle_right 4.9s 2.5s linear 1 forwards} .banner .hd li.swiper-pagination-bullet-active:after{opacity:0} .banner .content{height:100%;position:absolute;left:0;right:0;top:0;max-width:14.4rem;width:100%;margin:0 auto} .banner .videoBox:before{content:'';width:100%;height:100%;background-color:#000;opacity:.2;filter:Alpha(opacity=20);position:absolute;left:0;top:0;z-index:1;-webkit-filter:Alpha(opacity=20)} .banner .videoBox{position:relative;width:100%;height:100%} .banner video{object-fit:cover;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;min-width:100%;min-height:100%;width:100%;height:100%} .banner .mySwiper{height:100%} .banner .mySwiper .swiper-slide.vdo:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)} .banner .mySwiper .swiper-slide a{width:100%;height:100%} .banner .mySwiper .swiper-slide a[href="javascript:;"]{cursor:auto} .banner .mySwiper .bg{position:relative;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center} .banner .ul{ display: flex; justify-content: space-around; position: absolute; bottom: 1.1rem; width: 100%; } .banner .ul::after{ content: ''; position: absolute; top: 50%; margin-top: -.2rem; left: 0; right: 0; width: 100%; height: 0.01rem; background-color: rgba(255,255,255,.3); z-index: 1; } .banner .ul .li { position: relative; z-index: 10; } .banner .ul::before{ content: ''; position: absolute; top: 50%; margin-top: -.23rem; right: 0; width: .07rem; height: .07rem; border-radius: 50%; background-color: #fff; z-index: 10; } .banner .ul .li::after{ content: ''; position: absolute; top: 50%; margin-top: -.23rem; left: -1.5rem; width: .07rem; height: .07rem; border-radius: 50%; background-color: #fff; z-index: 10; } .banner .ul .li .yuan{ width: .72rem; height: .72rem; background: url(../images/banner_yuan.png) no-repeat center/cover; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto .15rem; } .banner .ul .li p{ color: #fff; line-height: 1; font-size: .28rem; text-align: center; font-weight: 900; } .banner .auto{ overflow: hidden; } .banner .auto .fl{float: left; padding-top: 1.2rem;} .banner .auto .fr{float: right; padding-top: 1.3rem;} .banner .txt{position:absolute;left:0;top:50%;z-index:3;margin-top:-1.1rem;display:none} .banner .txt em{display:inline-block;vertical-align:top;line-height:inherit} .banner .txt .bg{position:absolute;left:0;top:.22rem;z-index:-1} .banner .txt img:nth-child(2){margin:.15rem 0} .banner .swiper-slide-active .txt{display:block} .banner .t1{color:#fff;line-height:1.2} .banner .t2{color:#fff;line-height:1.2} .banner .txt1{margin-top: -1.82rem;} .banner .txt1-t1{color: #fff; margin-bottom: .1rem;font-weight: 600;} .banner .txt1-t2{position: relative; color: #fff; z-index: 5; line-height: 1.3; font-weight: 600;} .banner .txt1-t2:after{content: ""; display: block; position: absolute; left: 5rem; top: -.14rem; width: 2.01rem; height: 1.59rem; background: url(../images/index/ban-Vision.png) no-repeat center; background-size: contain; z-index: -1;} .banner .txt2-t1{color: #fff; margin-bottom: .1rem;font-weight: 600;} .banner .txt2-t2{ text-transform: uppercase; letter-spacing: -0.02rem;position: relative; color: #c62d2f; z-index: 5; line-height: .9; font-family: 'Rany-Bold';} .banner .slide-item2 .txt{left:auto;right:0} .banner .swiper-slide-active .content{display:block} .banner .auto{width:92%;max-width:14.4rem;margin:0 auto;height:100%;position:absolute;left:0;right:0;top:0;height:100%} .banner .scrEl{width:.12rem;margin-bottom:0;bottom:1.1rem;height:.2rem;position:absolute;right:1.1rem;z-index:3} .banner .scrEl .ripple{position:absolute;height:.2rem;width:100%;opacity:0;font-size:.6vw;bottom:0;left:0;-webkit-animation:scrollFn 4s ease infinite;animation:scrollFn 4s ease infinite;background:url(../images/index/icon-down.png) no-repeat center} .banner .scrEl .ripple:nth-of-type(2){bottom:.05rem;-webkit-animation-delay:1s;animation-delay:1s} .banner .scrEl .ripple:nth-of-type(3){bottom:.1rem;-webkit-animation-delay:2s;animation-delay:2s} .anim-box{overflow:hidden} .anim-height{width:100%;height:0;overflow:hidden;transition:1s .2s all} .anim-width{width:0;height:100%;overflow:hidden;transition:1s .2s all} .anim-height img,.anim-width img{max-width:none;max-height:none} .anim-box.animated .anim-width{width:100%} .anim-box.animated .anim-height{height:100%} .an-t{transform:translateY(102%);transition:transform 1.2s} .animated .an-t{transform:translateY(0%)} .index .til-en{letter-spacing:-.01rem} .index_banner_line{position:absolute;left:100px;top:157px;width:9rem;z-index:99999;mix-blend-mode:overlay;pointer-events:none} .banner.animated .index_banner_line svg{stroke-dashoffset:0;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1);-webkit-transition-delay:.2s;transition-delay:.2s} .index_banner_line svg{overflow:initial;fill:none;stroke-width:2.91666vw;stroke:rgba(255,255,255,.4);stroke-dasharray:1843;stroke-dashoffset:1843;stroke-linecap:round} .index-cnt3-wrap{position: relative; height: 0;} .index-cnt3{position: absolute; top: 0; width: 100%; z-index: 5; height: 10rem; transition-timing-function: linear; background: #fff;} .index-cnt3 .bg-wr{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .index-cnt3 .bg-wr .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; background: no-repeat center; background-size: cover; transition-timing-function: linear;} .index-cnt3 .auto{position: relative; z-index: 20;} .index-cnt3-bd{position: relative; height: 4.9rem; color: #fff; pointer-events: none;} .index-cnt3-bd .item{display: none; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; max-width: 7.2rem;} .index-cnt3-bd .til{margin-bottom: .2rem;} .index-cnt3-hd{border-top: .01rem solid rgba(255,255,255,.3); margin-top: -.6rem;} .index-cnt3-hd:after{content: ""; display: block; height: 0; clear: both;} .index-cnt3-hd ul{display: flex; float: right; width:8.85rem; margin-top: -.01rem;} .index-cnt3-hd li{cursor: pointer; flex: 1; height: .76rem; line-height: .76rem; border-top: .01rem solid transparent; color: rgba(255,255,255,.6); text-align: center; font-weight: 600;} .index-cnt3-hd li.on{color: #c92a2e; border-color: #c92a2e;} .index-cnt3 .pop-wr{float: right; position: relative; width: 8.85rem;} .index-cnt3 .pop-wr .box{position: absolute; background: #fff; padding: .5rem; height: 5.54rem; box-shadow: 0 .3rem .6rem rgba(0,90,160,.2);} .index-cnt3 .pop-wr .h2{color: #005aa0; line-height: 1.2;} .index-cnt3 .pop-wr .h3{color: rgba(0,0,0,.24); margin-bottom: .2rem; text-transform: uppercase; font-family: 'Rany-Bold';} .index-cnt3 .pop-wr .p-box{height: 1.95rem; color: #333;} .index-cnt3 .pop-wr .label{display: flex; background: #f5f5f5;} .index-cnt3 .pop-wr .c-more{margin-top: .2rem;} .index-cnt3 .pop-wr .dl{flex: 1; height: auto; padding-top: .23rem; padding-bottom: .23rem; position: relative;} .index-cnt3 .pop-wr .dl:hover .dd{ color: #005aa0; } .index-cnt3 .pop-wr .dl:after{content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -.26rem; height: .52rem; width: .02rem; background: #e8e8e8;} .index-cnt3 .pop-wr .dl:last-child:after{display: none;} .index-cnt3 .pop-wr .dt{height: .32rem; display: flex; align-items: center; justify-content: center; margin-bottom: .06rem;} .index-cnt3 .pop-wr .dd{color: #7c7b7e; text-align: center; line-height: .2rem; transition: all .5s;} .index-cnt3 .pop-wr .more{margin-top: .2rem;} .index-cnt4{padding: 2rem 0 1.2rem; background: url(../images/index-c4-bg.jpg) no-repeat center; background-size: cover; overflow: hidden;} .index-cnt4 .auto{position: relative;} .idx-til{margin-bottom: .32rem;} .idx-til .t1{color: #4c4c4c;} .idx-til .t2{color: rgba(0,0,0,.24); text-transform: uppercase; font-family: 'Rany-Bold';} .index-cnt4 .idx-c4-swiper{overflow: visible;} .idx-c4-swiper .swiper-slide{height: 5.6rem;} .idx-c4-swiper .swiper-slide .box{position: relative;} .idx-c4-swiper .txt{position: absolute; z-index: 5; left: 0; top: 0; padding: .9rem .5rem 0; color: #fff;} .idx-c4-swiper .txt .h2{ font-weight: 600; } .idx-c4-swiper .txt .icon_ul ul{ display: flex; justify-content: left; margin-top: .6rem; } .idx-c4-swiper .txt .icon_ul ul li{ margin-right: .3rem; display: flex; align-items: center; flex-direction: column; } .idx-c4-swiper .txt .icon_ul ul li .ic{ height: .46rem; display: flex; align-items: center; justify-content: center; flex-direction: column; } .idx-c4-swiper .txt .icon_ul ul li p{ font-size: .2rem; font-weight: 600; } .idx-c4-swiper .ul{position: absolute; left: .5rem; right: .5rem; bottom: .5rem; display: flex;} .idx-c4-swiper .item{position: relative;} .idx-c4-swiper .li{position: relative; width: 1.96rem; margin-left: -.04rem; height: .7rem; padding: .2rem 0; color: #4c4c4c; font-weight: 600;;text-align: center; background: url(../images/index/idx-c4-li2.png) no-repeat center; background-size: 100% 100%; padding-right: .11rem; transition: all .4s; overflow: hidden;} .idx-c4-swiper .li .em div{height: .3rem; line-height: .3rem; transition: all .4s;} .idx-c4-swiper .li .em{overflow: hidden;} .idx-c4-swiper .li .t2{position: absolute; top: .2rem; padding-right: .11rem; left: 0; width: 100%; transform: translate(0%, 100%); opacity: 0;} .idx-c4-swiper .li:hover .t1{transform: translate(0%, -100%); opacity: 0;} .idx-c4-swiper .li:hover .t2{transform: translate(0%, 0); opacity: 1;} .idx-c4-swiper .li:nth-child(1){margin-left: 0; background-image: url(../images/index/idx-c4-li1.png);} .idx-c4-swiper .li:last-child{width: 1.86rem; padding-right: 0; background-image: url(../images/index/idx-c4-li3.png);} .idx-c4-swiper .li:hover{color: #fff; background-image: url(../images/index/idx-c4-li2-on.png);} .idx-c4-swiper .li:nth-child(1):hover{background-image: url(../images/index/idx-c4-li1-on.png);} .idx-c4-swiper .li:last-child:hover{background-image: url(../images/index/idx-c4-li3-on.png);} .idx-c4-swiper .sy2 .li{flex: 1; background: #fff; margin-right: .1rem;} .idx-c4-swiper .sy2 .li:last-child{margin-right: 0;} .idx-c4-swiper .sy2 .li:hover{background: #c92a2e;} .idx-c4-swiper .c-more{margin-top: .45rem;} .swiper4-btns{position: absolute; right: 0; top: .1rem; display: flex;} .swiper4-btns .btn{width: .67rem; height: .48rem; background: no-repeat center; transition: all .4s; cursor: pointer;} .swiper4-btns .prev{background-image: url(../images/idx-prev.png);} .swiper4-btns .next{background-image: url(../images/idx-next.png); margin-left: .1rem;} .swiper4-btns .prev:hover{background-image: url(../images/idx-prev-on.png);} .swiper4-btns .next:hover{background-image: url(../images/idx-next-on.png);} .index-cnt5{padding: 1.13rem 0 0; height: 8.74rem; background: url(../images/index/index-c4-bg.jpg) no-repeat center;} .index-cnt5 .c-more{margin: .4rem auto 0;} .index-cnt5 .ul{display: flex; justify-content: space-between;} .index-cnt5 .ul a{position: relative; width: 4.73rem; height: 4.4rem; background: #fff; max-width: 32.8%;} .index-cnt5 .ul .pic{overflow: hidden; height: 2.5rem;} .index-cnt5 .ul .pic img{transition: all .6s;} .index-cnt5 .ul .txt{padding: .25rem .3rem; height: 1.9rem; position: absolute; left: 0; bottom: 0; background: #fff; transition: all .4s;} .index-cnt5 .ul .time{color: #999999; margin-bottom: .1rem; font-family: 'Rany-Bold';} .index-cnt5 .ul h4{color: #4c4c4c; line-height: 1.2; margin-bottom: .2rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .index-cnt5 .ul .more{position: absolute; left: .3rem; bottom: .22rem; color: #808080; padding-right: .16rem; background: url(../images/index/idx-c5-icon-next.png) no-repeat right center;} .index-cnt5 .ul p{display: none;} .index-cnt5 .ul a:hover .txt{height: 2.92rem;} .index-cnt5 .ul a:hover h4{color: #005aa0;} .index-cnt5 .more{margin: .4rem auto 0;} .index-cnt6{height: 8rem; text-align: center; padding-top: 1.44rem; background: url(../images/index/index-c6-bg.jpg) no-repeat center; background-size: cover;} .index-cnt6 .h2{color: #fff; margin-bottom: .36rem;font-weight: 600;} .index-cnt6 p{text-align: center; color: rgba(255,255,255,1);} .index-cnt6 ul{display: flex; justify-content: space-between; margin-top: .4rem;} .index-cnt6 li{color: #005aa0; width: 2.14rem; padding: 0 0 .46rem; line-height: 1.4; font-weight: 600; background: url(../images/index/index-c6-icon.png) no-repeat bottom center;} @keyframes z-diffusion{ 0%{transform:scale(.2);opacity:0} 70%{transform:scale(1.05);opacity:1} 90%{transform:scale(1.35);opacity:1} 100%{transform:scale(1.5);opacity:0} } @keyframes circle_right{ 0%{transform:rotate(-45deg)} 50%,100%{transform:rotate(135deg)} } @keyframes fadeHide{ 0%{opacity:1} 100%{opacity:0} } @keyframes tachTips{ 0%{opacity:1;transform:translateX(.3rem)} 50%{opacity:1;transform:translateX(-1rem)} 51%{opacity:1;transform:translateX(.3rem)} 99%{opacity:1;transform:translateX(-1rem)} 100%{opacity:0;display:none;transform:translateX(-1rem)} } @keyframes circle_right{ 0%{transform:rotate(-45deg)} 50%,100%{transform:rotate(135deg)} } @keyframes scrollFn{ 0%{-webkit-transform:scale(.3) translate3d(0,-.4rem,0);transform:scale(.3) translate3d(0,-.4rem,0);opacity:0} 80%{-webkit-transform:scale(1) translate3d(0,0,0);transform:scale(1) translateZ(0);opacity:1} to{-webkit-transform:scale(1) translate3d(0,0,0);transform:scale(1) translateZ(0);opacity:0} } @-webkit-keyframes scrollFn{ 0%{-webkit-transform:scale(.3) translate3d(0,-.4rem,0);transform:scale(.3) translate3d(0,-.4rem,0);opacity:0} 80%{-webkit-transform:scale(1) translate3d(0,0,0);transform:scale(1) translateZ(0);opacity:1} to{-webkit-transform:scale(1) translate3d(0,0,0);transform:scale(1) translateZ(0);opacity:0} } /* .about{position:absolute;left:0vw;top:0vw;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center} .about .content .title{font-size:1.979vw;color:#fff;line-height:1.2;overflow:hidden} .about .content .title span{display:block;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)} .about .content .desc{padding-top:1.302vw;font-size:1.458vw;color:#fff;line-height:2.24vw;overflow:hidden} .about .content .desc p{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)} */ .w1440{width:94%;max-width:14.4rem;margin:0 auto} .content{position:relative;background:no-repeat top center} .sub-nav{position:absolute;left:0;top:400px;width:100%;height:70px} .sub-nav .w1440{display:flex;justify-content:flex-end} .sub-nav a{height:70px;margin-left:54px} .sub-nav a[href="javascript:;"]{cursor:auto} .about-bom{position:relative;padding-bottom:10px} .about-bom .ul{position:absolute;left:0;top:0;width:100%;height:100%;display:flex} .about-bom .a{height:100%;width:25%} .dark-slider_main-wrapper *{font-size:14px} .product-cnt1{padding: 1rem 0 0; overflow: hidden;} .product-cnt1 .til{margin-bottom:.3rem} .product-cnt1 .c-list .item{margin-bottom:.2rem;position:relative} .about-btn{position:absolute;left:50%;top:926px;width:80px;height:80px;margin-left:-50px;cursor:pointer} .vdo-pop{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000} .vdo-pop .bg{width:100%;height:100%;background:rgba(0,0,0,0.5)} .vdo-pop .cnt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10rem;max-width:94%;background:#fff} .vdo-pop .cnt .close-btn{position:absolute;right:-.5rem;top:0;width:.3rem;height:.3rem;background:url(../images/icon-close.png) no-repeat center;cursor:pointer} .vdo-pop .cnt video{display:block;width:100%} /* product1。html 修改 */ .product1_ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .product1_ul .product1_li{ width: calc(50% - .1rem); height: 1.45rem; max-width: none; background: #f5f5f5; margin-bottom: .25rem; position: relative; overflow: hidden; cursor: pointer; } .product1_ul .product1_li .txt{ width: 58%; max-width: 3.75rem; } .product1_ul .product1_li .txt p{ color: #808080; /* 显示2行 */ display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .product1_ul .product1_li .txt h6{ color: #4c4c4c; margin-bottom: .0rem; /* 单行显示 */ display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .product1_ul .product1_li .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* background: no-repeat center; */ background-color: #f2f2f2; background-size: cover; transition: transform .4s .2s ease-in-out; padding: .24rem .3rem; } .product1_ul .product1_li .ico{ position: absolute; right: 0; top: 0; width: 2.35rem; height: 100%; transition: all .6s; overflow: hidden; } /* 触发的时候图片加遮罩并且居中放图标/images/product/product1-icon-eye.png */ .product1_ul .product1_li .ico::after{ content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: .56rem; height: .56rem; transition: all .6s; background: url(../images/product/product1-icon-eye.png) no-repeat center; background-size: cover; opacity: 0; } .product1_ul .product1_li .ico img{ height: 100%; width: 100%; object-fit: cover; } .product1_ul .product1_li .ico::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); transition: all .6s; opacity: 0; } .product1_ul .product1_li:hover .ico::after{ opacity: 1; } .product1_ul .product1_li:hover .ico::before{ opacity: 1; } /* chairman修改 */ .chairman-cnt1{ background: url(../images/chairman/chairman-bg.png) no-repeat center bottom; height: auto; } .chairman-cnt1 .ri .top ul{ display: flex; flex-wrap: wrap; justify-content: left; margin-bottom: .4rem; } .chairman-cnt1 .ri .top ul li{ display: flex; align-items: center; margin-bottom: .1rem; background-image: linear-gradient(to top, #fff, #e7f5ff 100%); height: .72rem; /* background: url(../images/chairman/chairman-c1-bg2.jpg) no-repeat center; */ width: 32.6%; padding: 0 .3rem; margin-right: .12rem; } .chairman-cnt1 .ri .top ul li:nth-child(3n){ margin-right: 0; } .chairman-cnt1 .ri .top ul li p{ margin-left: .05rem; color: #4c4c4c; } .chairman-cnt1 .ri h6{ color: #005aa0; font-weight: 600; margin-bottom: .15rem; } .chairman-cnt1 .ri .bom{ overflow: hidden; } .chairman-cnt1 .ri .bom .fl{ max-width: 4.8rem; width: 40.33%; } .chairman-cnt1 .ri .bom .fr{ max-width: 8.8rem; width: 59.11%; } .chairman-cnt1 .ri .bom .fl .ul{ display: flex; justify-content: left; flex-wrap: wrap;padding-top: .2rem;padding-bottom:.0} .chairman-cnt1 .ri .bom .fl .ul .li{position:relative;background:url(../images/chairman/chairman-icon.png) no-repeat center/cover;width:2.2rem;height:.88rem; margin-right: .2rem; margin-bottom: .2rem; display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:.2rem} .chairman-cnt1 .ri .bom .fl .ul .li p{text-align:center;color:#4c4c4c;line-height:.25rem} .chairman-cnt1 .b1 .li { display: flex; align-items: flex-start; padding-left: 0; color: #335166; } .chairman-cnt1 .b1 .li:before{ left: .65rem; top: .05rem; } .chairman-cnt1 .b1 .dt:before{ top: .08rem; left: 0.74rem; /* background: #d8e5f2; */ } .chairman-cnt1 .b1 .li .year{ margin-right: .7rem; } .chairman-cnt1 .b1 .li p{ position: relative; } .chairman-cnt1 .b1 .li p::after{ content: ''; position: absolute; left: -.1rem; top: 0.08rem; background: url(../images/chairman/chairman-icon2.png) no-repeat center; width: .05rem; height: .09rem; } /* product1-d 修改 */ .product1-d-cnt1 .cnt2_swiper { overflow: hidden; position: relative } .product1-d-cnt1 .cnt2_swiper .swiper-pagination { position: absolute; bottom: .25rem; left: -.2rem; top: auto; width: 6rem; text-align: right; } .product1-d-cnt1 .cnt2_swiper .swiper-pagination span { background: url(../images/intelligence/li.png) no-repeat center; width: .19rem; height: .13rem; border-radius: 0; margin-right: .1rem; opacity: 1 !important } .product1-d-cnt1 .cnt2_swiper .swiper-pagination span.swiper-pagination-bullet-active { background: url(../images/intelligence/lion.png) no-repeat center } .product1-d-cnt1 .cnt2_swiper .fl { background: no-repeat center/cover; width: 6rem; height: 3.4rem; position: relative } .product1-d-cnt1 .cnt2_swiper .fl::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/product/product1-d-mask.png) no-repeat center/cover; z-index: 1 } .product1-d-cnt1 .cnt2_swiper .fr { border: 0.04rem solid #f2f2f2; border-left: 0; border-right: 0; width: calc(100% - 6rem); height: 3.4rem; padding: .3rem 0 .3rem .5rem; background: no-repeat center; } .product1-d-cnt1 .cnt2_swiper .fr h6 { color: #4c4c4c; line-height: .37rem; margin-bottom: .15rem } .product1-d-cnt1 .cnt2_swiper .fr .p { max-height: 1.85rem; overflow-y: auto; padding-right: .15rem } .product1-d-cnt1 .cnt2_swiper .fr .p p { color: #808080; margin-bottom: .1rem } .product1-d-cnt1 .btn-return{ display: flex; align-items: center; position: absolute; top: -.4rem; right: 0; } .product1-d-cnt1 .btn-return img{ margin-left: .05rem; } .product1-d-new2 .swiper-prod{ width: 100%; position: relative; overflow: visible; padding-bottom: .3rem; } .product1-d-new2 .auto{ overflow: hidden; } .product1-d-new2 .swiper-prod .swiper-slide{ position: relative; width: 4.71rem; height: 1.39rem; padding: .2rem; color: #4c4c4c; border-radius: .04rem; background: linear-gradient(to bottom, rgba(232, 244, 251, 0.6) 0%, rgba(245, 250, 253, 0.25) 33%, #fff 70%), linear-gradient(to right, #e8f5ff, #e5f3fe); box-shadow: 0 4px 24px rgba(0, 90, 160, 0.08); } .product1-d-new2 .swiper-prod h6{ color: #005aa0; font-weight: 600; } .product1-d-cnt2-new .item ul { display: flex; justify-content: left; flex-wrap: wrap; } .product1-d-cnt2-new{ background: none; padding: 0; } .product1-d-cnt2-new .item li { flex: none; padding: .25rem .3rem; margin: 0 .06rem .12rem; background: #fff; width: 32%; min-height: 1.3rem; background: linear-gradient(to bottom, rgba(232, 244, 251, 0.6) 0%, rgba(245, 250, 253, 0.25) 33%, #fff 70%), linear-gradient(to right, #e8f5ff, #e5f3fe); box-shadow: 0 4px 24px rgba(0, 90, 160, 0.08); } /* 首页表单 */ .PcImg{display: block;} .MobImg{display: none;} @media screen and (max-width: 1560px){ .case-cnt2{height: calc(9.14 / 15.6 * 100vw); background-size: auto 100%;} .case-cnt2 .auto{height: 9.14rem; transform: scale(calc(100vw / 15.6rem)); transform-origin: center top;} } @media screen and (max-width:1440px){ .banner .auto .fl{ width: 49%; padding-top: 1.8rem; } .banner .auto .fr{ width: 27%; padding-top: 1.8rem; } .c-floating{ right: .1rem; } .c-floating .box{ right: .5rem; } .c-floating .btn{ width: .3rem; height: .3rem; background-size: 60%; } .intelligence2-cnt2New .swiper-button-prev{ left: -.25rem; } .intelligence2-cnt2New .swiper-button-next{ right: -.25rem; } .p_navBox2 > div{padding:25px} .p_navItem1:nth-last-child(2) .p_childrenBox{margin-left:300px !important} .p_navItem1:nth-last-child(1) .p_childrenBox{margin-left:300px !important} .p_navItem1:nth-last-child(2) .icon{margin-left:26px !important} .p_navItem1:nth-last-child(1) .icon{margin-left:26px !important} .product-swiper .cnt { top: 1.5rem; width: 95%; } /* 产品列表：≤1440 四列改为更稳的百分比，避免挤出 */ .product1-cnt1 .ul a{width: calc(25% - .1rem);} .product1-d-ban .pic{right: .4rem; width: 48%; max-width: 6.02rem;} .product1-d-cnt4 .form{width: 100%; max-width: 7.2rem;} .product2-d1-sy1 .til-dt{width: 22%;} .w1440{width: 94%; max-width: 14.4rem;} } @media screen and (max-width:1800px){ .p_navItem1:nth-last-child(1) .p_childrenBox,.p_navItem1:nth-last-child(2) .p_childrenBox{margin-left:300px} } .case-cnt3{position: relative; padding: .4rem 0;} .marquee-container{width:100%; overflow:hidden; margin-bottom: .2rem;} .marquee-track{display:flex;width:max-content;animation:marquee 10s linear infinite} .marquee-container:hover .marquee-track{animation-play-state:paused} .marquee-item{width: 3.2rem;} .marquee-item .box{position: relative; margin-right: .2rem; overflow: hidden;} .marquee-item .box img{transition: all .6s;} .marquee-item .box:after{content: ""; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));} .marquee-item .txt{position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: .2rem; z-index: 5;} .marquee-item .txt p{color: #fff; text-align: center;} .marquee-item:hover .box img{transform: scale(1.1);} .marquee-track.reverse{animation-direction: reverse; } .banner .swiper-slide .PcBg{ display: block; } .banner .swiper-slide .MobBg{ display: none; } @media screen and (max-width: 1480px) { .chairman-cnt2 .ul .pic{ height: auto; } } @media screen and (max-width: 1300px) { .footer ul{ display: none; } .idx-c4-swiper .ul{ font-size: .16rem; } } /* ===== @adapt 2026-07-17 移动端/平板主断点（1015px 通吃）详见 ../MOBILE-ADAPT.md ===== */ @media screen and (max-width: 1015px) { .banner .auto .fl, .banner .auto .fr{ float: none; } .banner .auto .fl{ padding-top: .5rem; width: 6.32rem; } .banner .auto .fr{ width: 2.84rem; position: absolute; bottom: 0.5rem; right: 0; } .intelligence-ban .auto .cnt h2.page-t1, .product1-d-ban .cnt .page-t1{ width: 66%; line-height: 1; } .product1-d-ban .cnt .page-t1 em { line-height: 1.3; } .sub-ban.product1-d-ban .cnt{ padding-top: 2rem; } .PcImg{display: none;} .MobImg{display: block;} html{font-size: calc(100vw / 750 * 100);} body{min-width: 0; max-width: none; font: .26rem / 1.5 "Poppins-Medium", "Microsoft YaHei", "微软雅黑", \5fae\8f6f\96c5\9ed1, sans-serif;} .auto{width: 6.7rem; max-width: none;} .banner .content{width: 6.7rem;} p{min-height: .44rem;} /* .c-pc-img{display: none;} .c-m-img{display: block;} */ .tach-tips{display: block;} .scroll-hint{display: block;} .banner .ul .li .yuan{ width: 1rem; height: 1rem; } .banner .ul .li .yuan img{ width: .5rem; max-height: .6rem; } /* PC / Mobile header 切换 */ #header{min-width: auto; max-width: none;} .header-pc .header .nav, .header-pc .head_ri, .p_navContent{display: none !important;} .header-pc .header{height: 0; padding: 0; overflow: hidden; opacity: 0; pointer-events: none;} .m-header{display: block; position: fixed; left: 0; right: 0; top: 0; z-index: 10000; max-width: none;} body{padding-top: 1.2rem;} body.idx-body{padding-top: 0;} body.m-nav-open{position: fixed; width: 100%; overflow: hidden;} .m-header-bar{display: flex; align-items: center; justify-content: space-between; height: 1.2rem; padding: 0 .3rem; background: #fff; box-shadow: 0 .02rem .12rem rgba(0,0,0,.08);} .idx-body .m-header-bar{background: rgba(255,255,255,.96);} .idx-body.white .m-header-bar, .idx-body.start .m-header-bar{background: #fff;} .m-logo img{height: .52rem; width: auto;} .m-header-actions{display: flex; align-items: center;} .m-search-btn{width: .6rem; height: .6rem; margin-right: .1rem; background: url(../images/icon-seek.png) no-repeat center; background-size: .36rem;} .m-menu-btn{display: flex; flex-direction: column; justify-content: center; align-items: center; width: .72rem; height: .72rem; border: 0; background: transparent; cursor: pointer;} .m-menu-line{display: block; width: .36rem; height: .04rem; margin: .05rem 0; background: #333; transition: all .3s;} .m-menu-btn.is-open .m-menu-line:nth-child(1){transform: translateY(.14rem) rotate(45deg);} .m-menu-btn.is-open .m-menu-line:nth-child(2){opacity: 0;} .m-menu-btn.is-open .m-menu-line:nth-child(3){transform: translateY(-.14rem) rotate(-45deg);} .m-nav-panel{visibility: hidden; pointer-events: none;} .m-nav-panel.is-open{visibility: visible; pointer-events: auto;} .m-nav-mask{position: fixed; inset: 0; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .35s;} .m-nav-panel.is-open .m-nav-mask{opacity: 1;} .m-nav-drawer{position: fixed; top: 0; right: 0; width: 100%; max-width: none; height: 100vh; background: #fff; transform: translateX(100%); transition: transform .35s; display: flex; flex-direction: column; box-shadow: -.04rem 0 .24rem rgba(0,0,0,.12);} .m-nav-panel.is-open .m-nav-drawer{transform: translateX(0);} .m-nav-head{display: flex; align-items: center; justify-content: right; padding: .24rem .3rem; border-bottom: .01rem solid #eee;} .m-nav-logo img{height: .48rem;} .m-nav-close{width: .56rem; height: .56rem; border: 0; background: url(../images/icon-close.png) no-repeat center; background-size: .24rem; cursor: pointer;} .m-nav-body{flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch;} .m-nav-list{padding: .1rem 0;} .m-nav-l1{display: flex; align-items: center; width: 100%; padding: .28rem .3rem; border: 0; background: transparent; font-size: .3rem; font-weight: 600; color: #333; text-align: left; line-height: 1.4;} a.m-nav-l1{text-decoration: none;} .m-nav-item--group > .m-nav-l1{position: relative; padding-right: .7rem;} .m-nav-item--group > .m-nav-l1:after{content: ""; position: absolute; right: .34rem; top: 50%; width: .14rem; height: .14rem; margin-top: -.1rem; border-right: .03rem solid #999; border-bottom: .03rem solid #999; transform: rotate(45deg); transition: transform .3s;} .m-nav-item--group.is-open > .m-nav-l1:after{transform: rotate(-135deg); margin-top: -.04rem; border-color: #005aa0;} .m-nav-item.is-active > .m-nav-l1, .m-nav-l1.on{color: #005aa0;} .m-nav-sub{ /* display: none; */ max-height: 0; overflow: hidden; transition: max-height 0.35s ease-out; padding: 0 0 ; background: #f7f9fb; } .m-nav-item--group.is-open > .m-nav-sub{ /* padding: 0 0 .12rem; 恢复展开时的padding */ } .m-nav-l2{display: flex; align-items: center; width: 100%; padding: .22rem .3rem .22rem .46rem; border: 0; background: transparent; font-size: .28rem; color: #4c4c4c; text-align: left;} .m-nav-group > .m-nav-l2.m-nav-toggle{position: relative; padding-right: .66rem;} .m-nav-group > .m-nav-l2.m-nav-toggle:after{content: ""; position: absolute; right: .34rem; top: 50%; width: .12rem; height: .12rem; margin-top: -.08rem; border-right: .03rem solid #bbb; border-bottom: .03rem solid #bbb; transform: rotate(45deg); transition: transform .3s;} .m-nav-group.is-open > .m-nav-l2.m-nav-toggle:after{transform: rotate(-135deg); margin-top: -.02rem; border-color: #005aa0;} .m-nav-l3 { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; padding: 0; } .m-nav-group.is-open > .m-nav-l3{ max-height: 1000px; padding: .08rem 0 .16rem; transition: max-height 0.5s ease-in; } /* 董事长专栏、联系我们：L3 直接挂在 sub 下，仅由 .m-nav-sub 做展开动画，避免双层 max-height 顿挫 */ .m-nav-sub > .m-nav-l3--flat{ max-height: none; overflow: visible; padding: .08rem 0 .16rem; transition: none; } .m-nav-l3 li a, .m-nav-l3--flat li a{display: block; padding: .16rem .3rem .16rem .62rem; font-size: .26rem; color: #666; line-height: 1.5;} .m-nav-l3 li a.on, .m-nav-l3 li a:active{color: #005aa0;} .m-nav-l3-toggle{display: flex; align-items: center; width: 100%; padding: .16rem .3rem .16rem .62rem; border: 0; background: transparent; font-size: .26rem; color: #555; text-align: left;} .m-nav-l4 { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; padding-bottom: 0; } .m-nav-has-l4.is-open > .m-nav-l4 { padding-bottom: .08rem; } .m-nav-l4 li a{padding-left: .82rem; font-size: .24rem; color: #808080;} .m-nav-foot{ padding: .4rem .3rem .4rem; border-top: .01rem solid #eee;} .m-lang{display: flex; gap: .12rem; margin-bottom: .16rem;} .m-lang a{display: inline-flex; align-items: center; justify-content: center; min-width: 1.2rem; height: .56rem; padding: 0 .16rem; border: .01rem solid #e6e6e6; font-size: .24rem; color: #666;} .m-lang a.on{color: #fff; background: #005aa0; border-color: #005aa0;} .m-nav-tel{font-size: .24rem; color: #999;} .m-nav-l3-toggle { position: relative; padding-right: .66rem; /* 给箭头留出空间 */ } .m-nav-l3-toggle:after { content: ""; position: absolute; right: .34rem; top: 50%; width: .12rem; height: .12rem; margin-top: -.08rem; border-right: .03rem solid #bbb; border-bottom: .03rem solid #bbb; transform: rotate(45deg); transition: transform .3s, border-color .3s; } /* 展开状态下的箭头旋转 */ .m-nav-has-l4.is-open > .m-nav-l3-toggle:after { transform: rotate(-135deg); margin-top: -.02rem; border-color: #005aa0; } /* Banner / 子页头图 */ .banner .swiper-slide .PcBg{ display: none; } .banner .swiper-slide .MobBg{ display: block; } .banner .txt2-t1 { margin-bottom: .2rem; line-height: 1.4; } .banner{height: 9.6rem; margin-top: 1.2rem;} .banner .txt{top: 3.4rem !important;} .banner .txt2 .t1{font-size: .48rem;} .banner .txt2 .en{font-size: .28rem; line-height: 1.2;} .banner .txt2 .en br{display: none;} .banner .ul{ bottom: 1.4rem; } .banner .hd{bottom: .6rem; left:.4rem; right: auto; width: auto;} .banner .next, .banner .prev{display: none;} .sub-ban{height: 5rem;} /* .sub-ban .bg{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover;} */ .sub-ban .cnt{padding-top: 2.8rem; position: unset;} .sub-ban .page-t1{line-height: 1.3; font-size: .5rem;} .page-nav{display: none;} .sub-ban .top, .sub-ban .top-wr{ height: 100%; } .page-nav .ul{float: left; display: none;} .page-nav .list a{line-height: 1rem; font-size: .26rem;} .c-til-box{margin-bottom: .4rem;} /* 首页 */ .index-cnt1 .auto{flex-wrap: wrap; padding: .6rem 0;} .index-cnt1 .le-wr{flex: none; width: 100%; margin-right: 0;} .index-cnt1 .ri-wr{width: 100%; height: 5rem; padding: .4rem; margin-top: .4rem;} .index-cnt1 .bom .list{flex-wrap: wrap;} .index-cnt1 .bom .sub-news{width: 100%; margin: 0 0 .3rem;} .index-cnt2{height: auto; padding: .8rem 0 1rem; overflow: visible;} .index-cnt2 .auto{padding: 0;} .index-cnt2 .til{float: none; margin-bottom: .2rem;} .index-cnt2 .til em{width: 100% !important;} .index-cnt2 ul{position: static; left: auto; flex-wrap: wrap; margin-top: .4rem;} .index-cnt2 li{width: calc(50% - .12rem); height: auto; min-height: 2.2rem; margin: 0 0 .26rem; padding: .4rem .3rem;} .index-cnt2 li .icon {width: .45rem; height: auto;margin-bottom: .2rem;} .index-cnt2 li:after{display: none;} .index-cnt3-wrap{height: auto; padding: 0;} .index-cnt3{position: relative; top: auto; height: auto; padding: .8rem 0 1rem;} .index-cnt3-bd{height: auto; pointer-events: auto; margin-bottom: .3rem;} .index-cnt3 .pop-wr .dd{ line-height: .35rem; font-size: .22rem; } .index-cnt3 .pop-wr .dd>br{ display: none; } .index-cnt3-bd .item{display: none; position: relative; top: auto; transform: none; max-width: none;} .index-cnt3-bd .item:first-child{display: block;} .index-cnt3-hd{margin-top: 0; border-top: 0;} .index-cnt3-hd ul{float: none; width: 100%; flex-wrap: wrap;} .index-cnt3-hd li{flex: 1; min-width: 40%; height: auto; line-height: .72rem; font-size: .28rem;border-top: 0.02rem solid transparent;} .index-cnt3 .pop-wr{float: none; width: 100%; margin-top: .3rem;} .index-cnt3 .pop-wr .box{position: relative; height: auto; padding: .4rem; margin-bottom: .2rem;} .index-cnt3 .pop-wr .p-box{height: auto;} .index-cnt3 .pop-wr .label{flex-wrap: wrap;margin: .4rem 0;} .index-cnt3 .pop-wr .dl{width: 50%; margin-bottom: .16rem; flex: none;} .index-cnt3 .pop-wr .dl .dt{ height: auto; margin-bottom: .25rem; } .index-cnt3 .pop-wr .dl .dt img{ width: .4rem; max-height: .45rem; } .index-cnt3 .pop-wr .h2{ margin-bottom: .1rem; } .index-cnt3 .pop-wr .h3{ line-height: 1; } .index-cnt4{padding: .8rem 0;} .product2-d1-item .swiper-btns .btn, .swiper4-btns .btn{ background-size: 100%; width: 1rem; height: .7rem; } .idx-c4-swiper .swiper-slide{ height: auto; } .index-cnt5 .ul .pic{ height: auto; } .index-cnt5{height: auto; padding: .8rem 0 ; background-size: cover;} .index-cnt5 .ul{flex-wrap: wrap;} .index-cnt5 .ul a{width: 100%; max-width: none; height: auto; margin-bottom: .4rem;} .index-cnt5 .ul .txt{position: relative; height: auto;padding: .4rem .25rem;} .index-cnt5 .ul a:hover .txt{height: auto;} .index-cnt5 .ul p{display: none !important; margin-top: .12rem;} .index-cnt5 .ul .more{ position: unset; background-position-x: 1.3rem; } .idx-c4-swiper .txt .icon_ul ul li .ic{ width: .45rem; height: .6rem; margin-bottom: .1rem; } .idx-c4-swiper .ul{ flex-wrap: wrap; justify-content: space-between; font-size: .2rem; } .idx-c4-swiper .sy2 .li{ padding: .2rem .1rem; } .idx-c4-swiper .sy2 .li:hover{ background: #fff; color: #005aa0; } .idx-c4-swiper .txt .icon_ul ul li{ margin-right: .15rem; } .idx-c4-swiper .li:hover .t1{ transform: none; opacity: 1; } .idx-c4-swiper .li .t2{ display: none; } .idx-c4-swiper .li{ background-image: none; background-color: #fff; padding: .25rem ; height: auto; margin-left: 0; width: 49%; margin-bottom: .1rem; } .idx-c4-swiper .li:hover{ background-image: none; color: #005aa0; } .idx-c4-swiper .li:last-child{ background-image: none; width: 49%; padding-right: .25rem; } .idx-c4-swiper .txt .icon_ul ul li p{ font-size: .24rem; } .index-cnt5 .more{ margin-top: 0; } .index-cnt6{height: auto; padding: .8rem .3rem 4rem;} .index-cnt6 p>br{ display: none; } .index-cnt6 ul{ flex-wrap: wrap; } .index-cnt6 li{ background-size: 100%; height: 1.5rem; width: calc(50% - .08rem); margin-bottom: .4rem; } .product2-d2-cnt1 .dd li{ font-size: .28rem; padding-left: .25rem; } .product2-d2-cnt1 .dd li:before{ top: .15rem; width: .12rem; height: .12rem; } /* 董事长 */ .chairman-ban{ height: 8.41rem ; } .chairman-ban .txt:after { left: -0.5rem; } .chairman-ban .top-wr{ min-height: 6rem; padding: 1.5rem 0 .6rem;} .chairman-ban .auto{height: auto;} .chairman-ban .auto::after{display: none;} .chairman-ban .txt{position: relative; top: auto; transform: none; width: 100%; padding: 0 .1rem;} .chairman-ban .txt p{line-height: .46rem;font-size: .3rem;} .chairman-ban .txt p br{display: none;} .chairman-ban .ma-box{position: relative; top: auto; right: auto; margin-top: .3rem; justify-content: flex-end;} .chairman-ban .ma-box .icon{ display: none; } .chairman-ban .ma-box p{ font-size: inherit; margin-right: .2rem; color: #fff; font-weight: 600; } .chairman-ban .ma-box .pos{ position: unset; width: 2rem; display: block; transform: none; } .chairman-ban .ma-box .ma { width: auto; } .chairman-cnt1{height: auto; padding-bottom: 1.2rem; background-size: cover;} .chairman-cnt1 .auto{padding-top: .8rem;} .chairman-cnt1 .ri .top ul{display: flex; flex-wrap: wrap;} .chairman-cnt1 .ri .top ul li{width: 100%; margin-bottom: .24rem; height: auto; padding: .25rem; margin-right: .0; } .chairman-cnt1 .ri .top ul li img{ width: .3rem; } .chairman-cnt1 .ri .top ul li p{ margin-left: .2rem; } .chairman-cnt1 .ri .bom .fl, .chairman-cnt1 .ri .bom .fr{ float: none; width: auto; max-width: none; margin-bottom: .6rem; } .chairman-cnt1 .ri .bom .fl .ul .li{ width: 47.3%; height: 1.6rem; margin: .12rem; background-size: 100%; } .chairman-cnt1 .ri .bom .fl .ul .li:nth-child(2n) { margin-right: inherit; margin-top: inherit; } .chairman-cnt1 .ri .bom .fl .ul .li p{ line-height: .4rem; } .chairman-cnt1 .b1 .dt:before { top: .08rem; left: 1.2rem; } .chairman-cnt1 .b1 .li .year { margin-right: 1.2rem; } .chairman-cnt1 .b1 .li p::after{ background-size: 100%; width: .1rem; height: .15rem; left: -.2rem; top: 0.13rem; } .chairman-cnt1 .b1 .li:before { left: 1.055rem; top: .07rem; width: .3rem; height: .3rem; background-size: 100%; } .chairman-cnt1 .bom{display: block;} .chairman-cnt1 .bom .fl, .chairman-cnt1 .bom .fr{width: 100%;} .chairman-cnt1 .bom .fl .ul{display: flex; flex-wrap: wrap;} .chairman-cnt1 .bom .fl .li{width: calc(50% - .08rem); margin: 0 .08rem .16rem 0;} .chairman-cnt1 .dl{flex-direction: column;} .chairman-cnt1 .b1 .dt{padding-right: 0; padding-bottom: 0;} .chairman-cnt1 .dd{width: 100%; margin-top: .2rem;} .chairman-cnt2{height: auto; padding: .8rem 0 1rem; background-size: cover;} .chairman-cnt2 .ul a, .chairman-cnt2 .swiper-slide{width: 100% !important; max-width: none; margin-bottom: .24rem;} /* .chairman-cnt2 .ul h4{white-space: normal;} */ .chairman-cnt2 .ul .more{ position: unset; } .chairman-cnt2 .ul .pic{ height: auto; } .chairman-cnt2 .ul .pic img{ width: 100%; } .chairman-cnt2 .ul .txt{ height: auto; padding: .4rem .25rem; } .product1-d-cnt1 .cnt2_swiper .swiper-pagination span, .chairman-cnt2 .swiper-pagination .swiper-pagination-bullet{ width: .32rem; height: .24rem; background-size: cover; } .product1-d-new2 .swiper-prod .swiper-slide{ width: 100%; height: auto; padding: .4rem .22rem; } .product1-d-cnt4{ padding: .8rem 0; background-size: cover; } .product1-d-cnt4 .c-til-box p{ margin-top: .2rem; } .form .ipt{ width: 100%; margin-right: 0; margin-bottom: .2rem; } .form .textarea textarea{ height: 2rem; } .form .check{ width: 100%; height: .8rem; } #footer { height: auto; background-size: cover; } #footer .share-box .item .icon{ width: .8rem; height: .8rem; } #footer .share-box .item .pos{ width: 2rem; padding: 0; } #footer .share-box .item .ma { width: 100%; } .c-floating{ display: none !important; } .c-more{ width: 2.1rem; height: .8rem; line-height: .8rem; } .c-more:after{ width: .13rem; } /* 合作案例 */ .case-cnt2{height: auto !important; padding: .6rem 0 1rem; background-image: none !important;} .case-c1-swiper .more{ display: none; } .case-c1-swiper .dd{ height: auto; padding: .4rem } .case-c1-swiper .dd li{ height: auto; padding: .25rem; margin: 0 .2rem .2rem 0; width: auto; font-size: unset; } .case-cnt2 .cnt p{ line-height: 1.5; } .case-cnt2 .swiper-caseIcn{ display: block; position: relative; } .banner .swiper-pagination-bullet{ background-size: cover; } .swiper .swiper-pagination-bullet , .case-cnt2 .swiper-caseIcn .swiper-pagination .swiper-pagination-bullet{width: .32rem; height: .24rem;opacity:1;background:url(../images/chairman/chairman-c2-dot.png) no-repeat center/cover;cursor:pointer;border-radius:0} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active, .case-cnt2 .swiper-caseIcn .swiper-pagination .swiper-pagination-bullet-active{ width: .32rem; height: .24rem; background:url(../images/chairman/chairman-c2-dot-on.png) no-repeat center/cover} .case-cnt2 .swiper-caseIcn .swiper-pagination { position: static; margin-top: .3rem; } .marquee-item { width: 5rem; } .case-cnt3 { padding-top: 0; } .case-cnt2 .ul1, .case-cnt2 .ul2, .case-cnt2 .ul3 { display: none; } .case-cnt2 .auto{height: auto !important; transform: none !important;} .case-cnt2 .cnt{position: relative; left: auto; top: auto; transform: none; width: 100%; margin: 0 auto .4rem; padding-top: 0;} .case-cnt2 ul{position: static; display: flex; flex-wrap: wrap; gap: .16rem; justify-content: center;} .case-cnt2 li{position: static !important; width: calc(32% - .08rem) !important; height: 1.1rem !important; min-height: .8rem; margin: 0 !important; left: auto !important; right: auto !important; top: auto !important; border: 0.02rem solid #eeeef0; } .case-cnt2 li img{max-width: 80%; max-height: 70%;height: auto;} .case-c1-swiper .swiper-slide{width: 100% !important;} /* 全屏产品页 → 纵向 + Tab */ .product-swiper-m-tabs{display: flex; overflow-x: auto; gap: .12rem; padding: .2rem .3rem; background: #fff; position: sticky; top: 1rem; z-index: 20; border-bottom: .01rem solid #eee; -webkit-overflow-scrolling: touch;} .product-swiper--mobile{height: auto !important; margin-top: 0;} .product-swiper--mobile .swiper-wrapper{display: block !important; transform: none !important; height: auto !important;} .product-swiper--mobile .swiper-slide{display: none; height: auto !important; min-height: 5rem; padding: .6rem 0 1rem; background-size: cover !important;} .product-swiper--mobile .swiper-slide.is-m-active{display: block;} .product-swiper--mobile .swiper-slide.sy3{display: none !important;} .product-swiper--mobile .cnt{position: relative; top: auto; width: 100%; padding-top: .2rem;} .product-swiper--mobile .ul{position: relative; bottom: auto; flex-wrap: wrap; margin-top: .4rem;} .product-swiper--mobile .li{flex: none; width: calc(50% - .08rem); margin: 0 .08rem .12rem 0; height: auto; min-height: .64rem; padding: .12rem; background: rgba(255,255,255,.92) !important; border-radius: .04rem;} .product-swiper-m-tab{flex: none; padding: .14rem .28rem; border: .01rem solid #dde4ea; border-radius: 1rem; background: #fff; font-size: .24rem; color: #666; white-space: nowrap; cursor: pointer;} .product-swiper-m-tab.on{color: #fff; background: #005aa0; border-color: #005aa0;} /* 产品列表页：两列 */ .product1-cnt1 .ul a{width: calc(50% - .1rem);} .product1_ul .product1_li{width: 100%; max-width: none; height: auto; min-height: unset;margin-bottom: .4rem;} .product1_ul .product1_li .bg{ position: unset; padding: 0; } .product1_ul .product1_li .ico{ width: 100%; height: auto; position: unset; } .product1_ul .product1_li .ico img{ width: 100%; height: 3rem; object-fit: cover; } .product1_ul .product1_li .ico::after, .product1_ul .product1_li .ico::before{ content: unset; } .product1_ul .product1_li .txt{ width: 100%; max-width: none; padding: .4rem .25rem; } .product1_ul .product1_li .txt p{ display: none; } .product1-d-cnt2-new .dl-wr .dl{ width: auto; margin: 0 0 .4rem;} .product1-d-cnt2-new .dl-wr .dd{ padding: .4rem .3rem; min-height: unset; } .product1-d-ban .pic{position: relative; right: auto; top: auto; width: 100%; max-width: none; height: auto; margin-top: .3rem;} .product1-d-ban .top-wr{height: 100%; padding-bottom: .4rem;} .product1-d-cnt1{ padding: 1.2rem 0 1rem; } .product1-d-cnt1 .btn-return{ top: -.6rem; } .product1-d-cnt1 .cnt2_swiper .fr, .product1-d-cnt1 .cnt2_swiper .fl{ float: none; width: auto; max-width: none; height: auto; } .product1-d-cnt1 .cnt2_swiper .fr{ padding: .4rem .24rem; } .product1-d-cnt1 .cnt2_swiper .fr h6 { line-height: .47rem; margin-bottom: .24rem; } .product1-d-cnt1 .cnt2_swiper .fr .p { max-height: unset; overflow-y: unset; padding-right: .0; } .product1-d .s16 { font-size: .26rem; } .product2-d-cnt1 li, .product2-d-form .w-le{width: 100%;} .product2-d-ban .auto{flex-direction: column; padding-bottom: .8rem;} .product2-d1-item .til-h3{background-size: contain; padding-left: .95rem; margin-bottom: .2rem;} .product2-d1-item .dd, .product2-d1-item .dl2 .dd{ margin-bottom: .4rem; } .product2-d-ban .cnt{max-width: none; padding-right: 0; padding-top:.6rem ;padding-bottom: .4rem;} .product2-d1-item td { padding: .3rem .3rem; } .product2-d1-item .num-ul{ flex-wrap: wrap; margin-top: .25rem; flex-direction: column; } .product2-d1-item .num-ul .num{ height: .8rem; width: .8rem; } .product2-d1-item .dd .box .p:before{ top: .15rem; width: .12rem; height: .12rem; } .product2-d1-item .dot-ul .li:before{ top: .12rem; width: .12rem; height: .12rem; } .product2-d1-item .num-ul .li{ margin-bottom: .25rem; } .product2-d1-item .dot-ul .li { position: relative; padding-left: .25rem; } .product2-d1-item .dd li{ width: 48%; } .left-loop-swiper .txt { height: auto; padding: .25rem; } .product2-d-ban .pic{width: 100%; max-width: none; height: auto;} .product2-d1-item .dl, .product2-d1-item .dl2{flex-direction: column;} .product2-d1-item .dd, .product2-d1-item .dl2 .dd{width: 100%; margin-left: 0; margin-top: .4rem;} .product2-d1-item .num-ul.three .li{width:100%;} .product2-item1-d3-7 .cnt, .product2-item1-d3-7 .bom{flex-direction: column;} .product2-item1-d3-7 .le, .product2-item1-d3-7 .ri, .product2-item1-d3-7 .bom .le, .product2-item1-d3-7 .bom .ri{width: 100%;} .product2-item1-d4-sy1 .li{width: calc(50% - .12rem);} .product2-item1-d4-sy1 .li.w2{width: 100%;} .product2-item1-d5-sy2 li{width: calc(50% - .12rem); height: auto; min-height: 3.6rem; background-size: cover;} .product2-d2-cnt1 .dl{flex-direction: column; height: auto;} .product2-d2-cnt1 .dt{width: 100%;} .case-d-cnt1 .dl{flex-direction: column; height: auto;} .case-d-cnt1 .dt{width: 100%; height: 4rem;} .case-d-cnt2 li{width: 100%; max-width: none;} .contact-cnt2 .auto{flex-direction: column;} .contact-cnt2 .w-le, .contact-cnt2 .w-ri{width: 100%;} .contact-cnt1{ padding-bottom: 0; } .contact-cnt1 li{width: auto; max-width: none; margin: 0 0 .4rem 0;} .contact-cnt1 li .txt{ padding: .4rem .3rem; height: auto; } .contact-cnt2 .w-ri{ margin-top: .4rem; } .contact-cnt2 .w-le ul li{ padding: .4rem 0 .26rem .8rem; } .contact-cnt2 .w-le .icon{ top: .4rem; width: .6rem; height: .6rem; background-size: 50%; } .contact-cnt2 .form .ipt { width: auto !important; margin-right: .0; margin-bottom: .2rem; height: .8rem; } .form .city-picker-span .title{ height: .8rem ; line-height: .8rem ; } .form .label{ line-height: .78rem; } .form .li { display: block; } .contact-cnt2 .form .ipt.sy2:nth-child(1) { z-index: 1000; } .contact-cnt2 .form .check{ width: 100%; height: .8rem; } .form .check img{ width: 2rem; } .form .submit { height: .8rem; width: 2.1rem; line-height: .78rem; margin-left: 0; margin-top: .4rem; margin-right: auto; } .contact2-cnt1 .hd{ margin-bottom: .4rem; } .contact2-ban .top-wr { background-position-x: 30%; } .contact2-cnt1 .hd li { height: .8rem; line-height: .8rem; padding: 0 .25rem; margin: 0 .1rem; } .contact2-cnt1 .seek-box{ width: 90%; } .contact2-cnt1 .seek-box input{ padding: .2rem .4rem .2rem .8rem; } .contact2-cnt1 .seek-box:before{ left: .3rem; top: 0; width: .35rem; } .contact2-cnt1 .seek-box .btn { height: auto; line-height: .85rem; width: 1.84rem; } .contact2-cnt1 .list .dd, .contact2-cnt1 .list .dt{ padding: .4rem .3rem; } .contact2-cnt1 .list .dt .p-box{ display: block; } .contact2-cnt1 .list .dt:after{ width: .6rem; height: .6rem; margin-top: -.3rem; background-size: 40%; } .contact2-cnt1 .list h4 { margin-bottom: .1rem; margin-top: .4rem; } .contact2-cnt1 .list .btn{ width: 2rem; height: .8rem; line-height: .76rem; } .contact2-cnt1 .list .btn:after{ width: .13rem; margin-left: .3rem; } .contact3-cnt1 .ul a{ width: 47.3%; margin: 0 .2rem .4rem 0; } .contact3-cnt1 .ul a:nth-child(2n){ margin-right: 0 !important; } .contact3-cnt1 .ul .dd{ padding: .4rem .3rem; background-size: 14%; background-position-x: 2.4rem; } .contact3-cnt1 .ul .dd h4{ font-size: .28rem; } .contact3-cnt1 .ul a:nth-child(5n) { margin-right: .2rem; } .footer .auto{flex-wrap: wrap; padding: .6rem 0;} .footer .w-le{width: 100%; margin-bottom: .0;} .footer ul{display: none;} .footer li{width: calc(50% - .1rem); margin: 0 .2rem .3rem 0;} .footer li:nth-child(2n){margin-right: 0;} .product1-d-cnt2{flex-direction: column;} .product1-d-cnt2 .w-le, .product1-d-cnt2 .w-ri{width: 100%; height: auto;} .product1-d-cnt2 .w-le .cnt{float: none; width: 100%; max-width: none; padding: .4rem;} .product1-hd-wr{margin-top: 0; overflow-x: auto;} .product1-hd-wr ul{flex-wrap: nowrap; min-width: max-content;} .product1-hd-wr li, .product1-hd-wr .li{ white-space: nowrap; padding: .25rem; height: auto; line-height: 1; } .product1-hd-wr li:after{ width: .13rem; height: 100%; } .anchor-wr.fix{top: 1rem;} .search-pop{top: 1rem;} .product3-ban{padding: 1.2rem .3rem 0; height: auto; min-height: 3.2rem;} .product3-hd ul{flex-wrap: wrap;} .product3-hd li{margin-right: .24rem;} .c-floating .btn{width: .56rem; height: .56rem;} .fixedCt{width: .6rem; height: .6rem; right: .4rem; display: block !important;} #propages li{ width: .6rem; height: .6rem; line-height: .6rem; } .intelligence-nav-p { padding-top: .8rem; width: 6.7rem; margin: 0 auto; color: #3a3a3a; display: block; } .intelligence-nav-p h2{ font-size: .24rem; } .intelligence-ban .auto .cnt h2.page-t2, .intelligence2-ban .auto .cnt h2.page-t2{ font-size: .26rem; width: 75%; display: none; } .intelligence-ban .auto .cnt, .intelligence2-ban .auto .cnt { top: 1.5rem; margin-top: 0; position: absolute; padding-top: 0; width: 100%; } .intelligence-ban .auto .cnt h2.page-t1, .intelligence2-ban .auto .cnt h2.page-t1 { margin-bottom: .55rem; } .intelligence2-ban .auto .cnt h2.page-t1{ width: 57%; } .intelligence-ban .auto .cnt::after, .intelligence2-ban .auto .cnt::after { content: ''; position: unset; top: 1.35rem; left: 0; width: .5rem; height: .05rem; background: #c92a2e; display: block; margin-top: -.3rem; } .product1-d-cnt1 .cnt2_swiper .swiper-pagination{ position: absolute; top: 3.4rem !important; left: .2rem; bottom: auto; width: auto; text-align: right; } .about-ban .top-wr{ background-image: url(../images/about/m-about.jpg) !important; } .intelligence2-ban .top-wr{ background-position-x: 67%; } .product1-d-ban .top-wr{ background-image: url(../images/product/m-product1.jpg) !important; } .product1-d-ban .auto .cnt h2.page-t1 em>span{ display: block; } .intelligence-ban .top-wr{ background-position-x: 67%; } .intelligence2-cnt2New .swiper-button-prev, .intelligence2-cnt2New .swiper-button-next{ width: .8rem; height: .8rem; background-size: .13rem; } .intelligence-cnt1 .flex .p p { margin-bottom: .24rem; } .intelligence2-cnt2New .cnt2New_swiper .swiper-slide .li .ico { width: .6rem; margin: 0 auto .2rem; } .intelligence2-cnt1 .p p{ font-size: .26rem; } .product1-d-cnt2-new h3{ margin-bottom: .4rem; } .product1-d-cnt2-new .item li{ padding: .4rem .3rem; width: 100%; margin: 0 0 .4rem; } .product1-d-cnt3 table td:nth-child(1) { width: auto; } .product1-d-cnt3 table td { padding: .25rem .3rem; } .product1-d-cnt2-new .dot { padding-left: .25rem; } .product1-d-cnt2-new .dot, .product1-d-cnt2-new p { margin: .2rem 0 0; } .product1-d-cnt2-new .item .dd p{ font-size: .26rem; } .product1-d-cnt2-new .dot:before { top: .15rem; width: .12rem; height: .12rem; } .product1-d-cnt2-new .item { margin-bottom: .4rem; } .product1-d-cnt1 .cnt2_swiper .fl{ height: 4rem; } .product2 .product1-hd-wr { margin-top: -1.85rem; } .product2-d-ban{ height: auto; } .case-d-cnt2 .dd, .case-d-cnt1 .dd{ padding: .4rem 0; } .case-d-cnt1 .dd li{ padding: .25rem .2rem; margin: 0 .0 .15rem 0; width: 100%; font-size: unset; height: auto; } .case-d-cnt2 .auto>.c-til-box p, .case-d-cnt1 .dd .p-box p{ font-size: .26rem; } .case-d-cnt2 .dt .num{ width: 1.2rem; } .case-d-cnt2 .dt{ padding-left: 1.5rem; height: auto; padding: 0.24rem 0 .24rem 1.5rem; } .product2-d1-sy1{ height: auto; display: block; margin: .4rem 0; overflow: hidden; } .product2-d1-sy1 .til-dt{ padding: .25rem; width: auto; } .product2-d1-sy1 .box{ padding: .4rem 0; float: left; width: 50%; } .product2-d1-sy4, .product2-d1-sy2{ display: block; } .product2-d1-sy2 .box{ height: auto; } .product2-d1-sy4 .le{ width: 100%; } .product2-d1-sy4 .lb{ flex-wrap: wrap; justify-content: left; padding: .4rem 0 ; } .product2-d1-sy4 .lb .li{ margin-right: .08rem; } .product2-d1-sy4 .lb .li:nth-child(4n){ margin-right: 0; } .product2-d1, .product2-d2, .product2-d3, .product2-item1-d3, .product2-item1-d4, .product2-item1-d5{ background-size: auto 9.5rem; } .product2-item1-d3-14, .product2-item1-d4-sy1, .product2-item1-d3-4, .product2-item1-d3-3, .product2-item1-d3-2, .product2-item1-d3-1{ display: block; overflow: hidden; } .product2-item1-d3-1:before,.product2-item1-d3-1 .li:after{ content: unset; } .product2-item1-d3-1 .li{ width: 33%; float: left; } .product2-item1-d3-3, .product2-item1-d3-2{ margin-top: .4rem; margin-right: .0; } .product2-item1-d3-2 .li{ margin-right: 0; padding: .25rem .3rem; height: auto; margin-bottom: .2rem; } .product2-item1-d3-2 .li .num{ margin-right: .0; width: 1.4rem; } .product2-item1-d3-2 .li p{ width: calc(100% - 1.4rem); } .product2-item1-d3-3 .li img{ width: 100%; } .product2-item1-d3-4{ overflow: hidden; margin-right: 0; margin-top: .4rem; } .product2-item1-d3-4 .li{ margin-right: 0; width: 49%; float: left; margin-right: 2%; margin-bottom: 2%; } .product2-item1-d3-4 .li:nth-child(2n){ margin-right: 0; } .product2-item1-d3-14, .product2-item1-d3 .product2-item1-d4-sy1{ margin-top: .4rem; } .product2-item1-d3-14 .li, .product2-item1-d4-sy1{ margin-right: 0; } .product2-item1-d3-14 .li{flex:none;} .product2-item1-d4-sy1 .li{ margin-right: 0; margin-bottom: .4rem; width: 100%; } .product2-item1-d3-7 .til-box{ height: auto; padding: .2rem; } .product2-item1-d3-7 .ri .li, .product2-item1-d3-7 .le{ margin-bottom: .4rem; } .product2-item1-d3-7 .txt p>br{ display: none; } .product2-item1-d3-7 .txt{ height: 1.4rem; } .product2-d1-item .dd .box .p{ padding-left: .25rem; } .product2-item1-d5-sy1{ display: block; } .product2-item1-d5-sy1 .li{ margin-right: 0; width: 100%; margin-bottom: .4rem; } .product2-item1-d5-sy1 .li .pic img{ width: 100%; height: 4.5rem; object-fit: cover; } .product2-item1-d5-sy2 li { background-image: url(../images/product/product2-item1-d5-bg-on.png) !important; background-size: 100%; height: 5rem; } .product2-item1-d5-sy2 ul p>br{ display: none; } .product2-item1-d5-sy2 ul{ justify-content: left; } .about4-cont2 .fr .num em{ margin-right: .12rem; } .banner .txt1-t2 br, .banner .txt2-t1 br{ display: none; } } @media (min-width: 1016px){ .m-header{display: none;} } /* 5. 核心动画：向左平移 50% */ @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @keyframes marquee-reverse { 0% { transform: translateX(0); } 100% { transform: translateX(50%); } }