body { font-weight: normal; --hover-color:#08a3d1; --hover-color2:#007a9e; --white:#fff; --black:#000; --grey:#333; --grey2:#666; --grey3:#999;--rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:8,163,209; --rgb-hover2:0,122,158;--radius: .1rem;} a:hover{color:var(--hover-color); } /*effict*/ .Scale-img {overflow: hidden; zoom:1; overflow: hidden;} .Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;} .Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;} .effict{transition: all ease 0.3s;} .imgbox{ overflow:hidden; position:relative;} .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;} .imgbox img{ width:100%;height:100%;object-fit: cover;transition: all ease 0.3s;} .itemhover{transition: all ease 0.3s;} .activehover{box-shadow: 0px 3px 18px 0px rgba(var(--rgb-hover),0.2) !important;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);} .nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;} .Hometitle {margin-bottom: 0.4rem;position: relative;z-index: 1;line-height: 1;} .Hometitle .en{font-size:var(--font-size20); color: var(--hover-color); text-transform: uppercase; margin-bottom: .15rem; } .Hometitle .cn {font-size: var(--font-size42);color: var(--black);font-weight: bold;} .Hometitle .des{font-size:var(--font-size18); color: var(--grey2); line-height: 1.8; margin-top: 0.18rem;} .Hometitle.white .cn {color: #fff;} .Hometitle.white .en{ color: #fff;} .Hometitle.center{ text-align: center;} .Homemore{min-width: 1.6rem;display: inline-block;position: relative;text-align: center;} .Homemore a{position: relative;text-align: center; background: var(--hover-color); color: var(--white);transition: all 0.5s;display: flex;align-items: center;justify-content: center;height: 0.52rem;border-radius: var(--radius);padding: 0 0.24rem; box-shadow: 0 0.05rem 0.15rem rgba(var(--rgb-hover),0.1);} .Homemore a:after{display: inline-block;vertical-align: middle;content: "";width: 0.2rem;height: 0.2rem;background: url(../images/more-w.svg) no-repeat center center;background-size: auto 0.14rem;margin-left: 0.12rem;transition: all 0.5s;transform: rotate(-45deg)} .Homemore:hover a:after{transform: rotate(0deg);} .Homemore:hover a{background: var(--hover-color); color: var(--white);box-shadow: 0 0.1rem 0.2rem rgba(var(--rgb-hover),0.2);} .Homemore:hover a:after{ background-image:url(../images/more-w.svg) ;} .Homemore.white a{ border-color: var(--white);color: var(--white);} .Homemore.white a:after{background-image:url(../images/more-w.svg) ;} .Homemore.white:hover a{border-color: var(--hover-color);} @media(max-width: 1024px) { .Hometitle .en {font-size: var(--font-size18);} .Hometitle .cn {font-size: var(--font-size36);} } /*Top002974 */ .Top002974{position: absolute; left: 0; top: 0; width: 100%; z-index: 100; transition: 0.2s;color: #333; background: #fff;} .Top002974 a{color: inherit; transition: color 0.2s;} .Top002974.hover, .Top002974.fixed{ position: fixed;background: #fff;color: #333;} .Top002974 .logo{display: table; height:.9rem;} .Top002974 .logo a{display: table-cell; vertical-align: middle;} .Top002974 .logo img{max-height: .55rem;} .Top002974 .logo img.on{display: none;} .Top002974.hover .logo img, .Top002974.fixed .logo img{display: none;} .Top002974.hover .logo img.on, .Top002974.fixed .logo img.on{display: block;} .Top002974 .top-right{/* width:19%; */ display: flex;align-items: center; justify-content: space-between;} .Top002974 .hotline,.Top002974 .inquiry{display: none;} .Top002974 .top-menu{padding-left: calc(50 / 1920 * 100vw); /*width: 63%;*/} .Top002974 .top-menu ul{} .Top002974 .top-right > *{float:left; line-height:.4rem;} .Top002974 .hotline{font-size:var(--font-size20);line-height: .9rem; background: url(../images/icon-contact-b.svg) left center no-repeat;background-size: 0.26rem auto;padding-left: 0.32rem; padding-right: .2rem; color: var(--hover-color);} .Top002974.fixed .hotline, .Top002974.hover .hotline{background: url(../images/icon-contact-b.svg) no-repeat left center; background-size: 0.26rem auto; color: var(--hover-color);} .Top002974 .inquiry{background: var(--hover-color);color: var(--white);padding: 0.1rem 0.2rem;border-radius: 0.05rem; line-height: 1.2;} .Top002974 .top-menu li span a{display: flex;align-items: center;} .Top002974 .top-menu li.has-sub span a:after{content: "";display: block;width: 0.12rem;height: 0.08rem;background: center center no-repeat url(../images/select.svg);background-size: contain;margin-left: 0.1rem;transition: 0.3s; margin-top: 0rem;} .Top002974 .top-menu nav li span a:hover:after, .Top002974 .top-menu nav li.aon span a:after{background: center center no-repeat url(../images/select-blue.svg);background-size: contain;} .Top002974.hover li.has-sub span a:after, .Top002974.fixed li.has-sub span a:after{background: center center no-repeat url(../images/select.svg);background-size: contain;} @media(min-width:1025px){ .Top002974 .autoCon-1680{display: flex;justify-content: space-between;} .Top002974 .top-right{display: none;} .Top002974 .top-menu nav li a:hover, .Top002974 .top-menu nav li.aon span a{color:var(--hover-color);} .Top002974 .top-menu nav li span a:hover, .Top002974 .top-menu nav li.aon span a{border-bottom-color:var(--hover-color);} .Top002974 .top-menu nav li{float: left; margin-left:calc(50 / 1920 * 100vw); } .Top002974 .top-menu nav li span a{line-height:.88rem;border-bottom:2px solid transparent; font-size:.16rem;} .Top002974 .top-menu nav li.two {position: relative;} .Top002974 .top-menu nav li.two .sub{ width:1.8rem; left: 50%; margin-left: -.9rem;} .Top002974 .top-menu nav li .sub{background:rgba(255,255,255,1);} .Top002974 .top-menu nav li .prod-sub{left: 0!important; width: 100%;border-top: 1px solid #e6eaec; border-bottom:4px solid var(--hover-color); padding-bottom: .4rem;} .Top002974 .top-menu nav li .prod-sub2{padding-bottom: .6rem;} .Top002974 .prod-sub dl{overflow: hidden; padding: 0; background: none;} .Top002974 .prod-sub dt{float: left; width:33.33%; overflow: hidden;padding:.4rem .5rem .3rem .5rem;position: relative; text-align: left;} .Top002974 .prod-sub2 dt{padding: .4rem .5rem 0 .5rem;} .Top002974 .prod-sub dt:nth-child(5n+1){clear: left;} .Top002974 .prod-sub dt .tab-label .dot:not(:last-child){padding-bottom: .14rem;} .Top002974 .prod-sub dt .tab-label a{color: #333; font-size: var(--font-size16); line-height: 1.4;margin-bottom: .1rem;} .Top002974 .prod-sub dt .tab-label a::before{display: inline-block;content: '';width:4px; height:4px;background-color:var(--hover-color);margin-right:.1rem;vertical-align: middle; margin-top: -2px;} } .Top002974 .top-menu nav li .sub dl{padding:.1rem;} .Top002974 .top-menu nav li .sub dt{font-size: var(--font-size16); color: var(--black);} .Top002974 .top-menu nav li span, .Top002974 .top-menu nav li span a{} .Top002974 .prod-sub dt .name *{margin: 0;} .Top002974 .prod-sub dt .name{padding-bottom: .2rem;font-weight: normal;font-size:var(--font-size22);color:#111; line-height: 1; border-bottom: 1px dashed #d2d2d2; margin-bottom: .2rem;} .Top002974 .prod-sub2 dt .name{font-size: var(--font-size20);} .Top002974 .prod-sub dt .name::before{display: inline-block;content: '';width:3px; height:20px;background-color:var(--hover-color);margin-right:.15rem;vertical-align: bottom;} .Top002974 .prod-sub2 dt .name{margin-bottom: 0;} @media(min-width:1025px) and (max-width:1720px){ .Top002974 .logo{ width: 15.278vw;} .Top002974 .prod-sub dt .name h4{font-size: 1.667vw;} .Top002974 .top-menu nav li span a, .Top002974 .prod-sub dt .name p{font-size:.16rem;} .Top002974 .top-menu{padding-left: .2rem;} .Top002974 .top-menu nav li{margin-left:.3rem;} .Top002974 .inquiry, .Top002974 .hotline{font-size: .16rem;} } @media(max-width:1024px){ .Top002974 .logo{height:.7rem;} .Top002974 .logo img{ max-height:.45rem;} .Top002974 .top-menu{position: fixed; top:.7rem; bottom: 0; background: #fff; right: 0;overflow: hidden; width: 0; opacity: 0; transition: 0.5s; padding-left: .1rem;} .menu-show .Top002974 .top-menu{ opacity: 1; width: 70%;} .Top002974 .top-menu nav{width: 100%; height: 100%; overflow: auto;} .Top002974 .top-menu ul{padding: 0 0.2rem;} .Top002974 .top-menu li{padding: 0.16rem 0; border-bottom: 1px solid #eee;} .Top002974 .top-menu li span{position: relative;z-index: 5;display: block;} .Top002974 .top-menu li span a{font-size: var(--font-size18); } .Top002974 .top-menu li .sub dt{text-align: left;} .Top002974 .top-right{ width: auto; padding: 0; position: absolute;right: 2%; top: 50%; transform: translateY(-50%);} .Top002974 .open-menu{height: 0.36rem; width: 0.36rem; margin-left: 0.2rem;} .Top002974 .open-menu i, .Top002974 .has-sub span .op:before, .Top002974 .has-sub span .op:after{background: #333;} .Top002974 .prod-sub dt:not(:last-child){border-bottom: 1px solid #eee; padding-bottom: 3vw; margin-bottom: 3vw;} .Top002974 .prod-sub dt .pic{width: 50%; margin: 0 auto;} .Top002974 .prod-sub dt .name{padding: 3vw 0;} } @media(max-width:640px){ .Top002974 .prod-sub dt .name h4{font-size: 4.5vw;} .Top002974 .prod-sub dt .name p{font-size: 4vw;} .Top002974 .hotline{display: none;} } .Banner003223{position:relative;z-index:1; } .Banner003223 .swiper-wrapper{height: auto;} .Banner003223 .img{position: relative;} .Banner003223 .img:before{position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(10, 28, 46, 0.88) 0%, rgba(0, 145, 255, 0.35) 50%, rgba(10, 28, 46, 0.75) 100%);} .Banner003223 .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%); z-index: 20; text-align: center;} .Banner003223 .txt :where(.tit,.desc,.btn){opacity:0;transform:translateY(2rem);transition:0.5s} .Banner003223 .txt .tit {font-size: var(--font-size70);line-height: 1.3; color:#fff; font-weight: bold; margin-bottom: 0.2rem;} .Banner003223 .txt .desc{font-size: var(--font-size20); line-height: 1.8; color: rgba(var(--rgb-white),0.8);} .Banner003223 .txt .btn a{margin: 0 0.1rem;} .Banner003223 .txt .btn{margin-top:0.5rem;display: flex;justify-content: center;} .Banner003223 .txt .btn .contact a{background: rgba(var(--rgb-white),0.2); backdrop-filter: blur(10px);} .Banner003223 .txt .btn .contact a::before{ display: inline-block;vertical-align: middle;content: "";width: 0.26rem;height: 0.26rem;background: url(../images/icon-contact.svg) no-repeat center center; margin-right: 0.12rem;transition: all 0.5s; transform: rotate(0deg); background-size: 0.26rem auto;} .Banner003223 .txt .btn .contact a::after{display: none;} .Banner003223 .controls-page{top:50%; transform: translateX(-50%); bottom: auto; position: absolute;z-index: 30;text-align: center; right: 0.5rem;left: auto; width: auto;} .Banner003223 .controls-page span{width: 0.14rem;height: 0.14rem; margin:.2rem 0 !important; background:var(--white);display: block; border-radius: 0.5rem;opacity: 1; } .Banner003223 .controls-page span.swiper-pagination-bullet-active {background:var(--hover-color);} .Banner003223 .swiper-slide-active .txt :where(.tit,.desc,.btn){opacity:1;transform:translateY(0)} .Banner003223 .swiper-slide.swiper-slide-active .imgbox img{animation: scale linear 5s forwards;} .Banner003223 video {height: 100%;-o-object-fit: cover;object-fit: cover;width: 100%;} @media (min-width:1025px) { .Banner003223 .wap{display: none;} .Banner003223 .pc {} } @media (max-width:1024px) { .Banner003223 .pc{display: none;} .Banner003223 .txt .tit {font-size: var(--font-size30); margin-bottom: 0.1rem;} .Banner003223 .txt .desc{font-size: var(--font-size16); } } .HomeData{margin-top: -0.8rem; position: relative; z-index: 15;} .HomeData ul {display: flex;flex-wrap: wrap;justify-content: center;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.3);padding: 0.3rem 0; background: rgba(var(--rgb-hover), 0.98); border-radius: var(--radius);} .HomeData li{float: left;width: 24%; padding: 0 0.5rem; position: relative; display: flex;align-items: center; text-align: center; } .HomeData li:not(:last-child){border-right:1px solid rgba(255,255,255,0.4);} .HomeData li .Con{flex: 1;} .HomeData li aside{display: inline-block;position: relative;line-height: 1;} .HomeData li aside b{font-size: var(--font-size60);color: var(--white);display: block; font-weight: bold; } .HomeData li aside sub{position: absolute;left: 100%;word-break: keep-all;bottom: 20%;font-size: var(--font-size24);margin-left: 0.1rem;color: var(--white); } .HomeData li aside sup{position: absolute;left: 100%;word-break: keep-all;top: 10%;font-size: var(--font-size24);margin-left: 0.1rem;color: var(--white);} .HomeData li p{font-size: var(--font-size16);color: var(--white); margin: 0;line-height: 1.2;margin-top:0.12rem; } @media (max-width:1024px) { .HomeData ul{padding: 0.2rem 0;} .HomeData li{padding: 0 0.1rem;} .HomeData li aside b{font-size: var(--font-size36);} .HomeData li aside sup, .HomeData li aside sup{font-size: var(--font-size18);} } @media(max-width:640px){ .HomeData{margin-top: .4rem;} } .HomeBus{ padding:var(--padMar100) 0;position: relative;overflow: hidden; } .HomeBus .top-tit{ display: flex; align-items: center; margin-bottom: 0.3rem;} .HomeBus .top-tit .icon { width: 0.5rem; height: 0.5rem; background: #08a3d1; box-shadow: 0 0.05rem 0.16rem rgba(var(--rgb-hover), 0.24); border-radius: var(--radius); display: flex; align-items: center; justify-content: center;margin-right: 0.18rem; } .HomeBus .item:nth-child(1) .top-tit .icon{background: linear-gradient(135deg, #06B6D4, #0891B2);} .HomeBus .item:nth-child(2) .top-tit .icon{background: linear-gradient(135deg, #F59E0B, #D97706);} .HomeBus .item:nth-child(3) .top-tit .icon{background: linear-gradient(135deg, #0091FF, #0078d4);} .HomeBus .item:nth-child(4) .top-tit .icon{background: linear-gradient(135deg, #00C853, #009624);} .HomeBus .item:nth-child(5) .top-tit .icon{background: linear-gradient(135deg, #EF4444, #B91C1C);} .HomeBus .item:nth-child(6) .top-tit .icon{background: linear-gradient(135deg, #7C3AED, #5B21B6);} .HomeBus .top-tit .icon img{ max-width: 0.3rem;} .HomeBus .top-tit .cate{font-size: var(--font-size26);color: var(--grey); line-height: 1.5; font-weight: bold;} .HomeBus .top-tit .count {font-size: var(--font-size14);color: var(--hover-color) ;background: rgba(var(--rgb-hover), 0.08);padding: 0.05rem 0.15rem;border-radius: 0.5rem;margin-left: 0.15rem;} .HomeBus .item:not(:last-child){ margin-bottom: var(--padMar50);} .HomeBus .list{position: relative;z-index: 2} .HomeBus .list ul{display: flex;justify-content: space-between;} .HomeBus .list li{position: relative;border-radius: var(--radius);overflow: hidden;counter-increment: itemcounter;transition: .3s all} .HomeBus .list li .pic{height: 4.5rem;position: relative;border-radius: var(--radius);overflow: hidden;} .HomeBus .list li .pic::before{content: '';position: absolute;width: 100%;height: 70%;z-index: 2;left: 0;background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);bottom: 0} .HomeBus .list li .txt{position: absolute;padding: 0 .24rem;left: 0;width: 100%;bottom:0.3rem;z-index: 10;transition: .3s all; display: flex; justify-content: space-between;} .HomeBus .list li .txt .inner{ overflow: hidden;} .HomeBus .list li .txt .tit{font-size:var(--font-size20);color: #fff;padding-bottom: .1rem;line-height: 1.4; font-weight: bold;} .HomeBus .list li .txt .desc{opacity: 0;transform: translateY(30px);transition: .3s all;position: relative;/* padding-right: 1rem; */color: #fff;font-size: var(--font-size16);line-height: 1.8; display: none;} .HomeBus .list li.active .txt {} .HomeBus .list li.active .pic::before{background: linear-gradient(to top, rgba(var(--rgb-hover), 1) 0%, rgba(0, 0, 0, 0) 100%);} .HomeBus .list li.active .txt .tit1{padding: 1rem 0 .1rem;} .HomeBus .list li.active .txt .desc{transform: translateY(0);opacity: 1;display: block;} .HomeBus .list li.active .txt .more{ flex-shrink: 0; margin-left: 0.3rem;} .HomeBus .list li.active .txt .more{ width: 0.45rem;height: 0.45rem;border-radius: 50%;background: var(--white); transition: 0.3s; display: flex;align-items: center;justify-content: center; margin-top: 0.2rem; position: relative;} .HomeBus .list li.active .txt .more::after{position: absolute; content: ''; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/more.svg) no-repeat center; background-size: auto 0.14rem;transform:rotate(-45deg);transition: 0.5s ease-out;} @media(min-width:769px){ .HomeBus .title{display: flex;align-items: center;justify-content: space-between;} .HomeBus .list li{flex: 1;} .HomeBus .list li.active{flex:2;} .HomeBus .list li:not(:last-child){margin-right: 0.16rem;} } @media(max-width:768px){ .HomeBus .title{ margin-bottom: .5rem;} .HomeBus .title .HomeMore{ margin-left: auto;} .HomeBus .list ul{ flex-wrap: wrap;} .HomeBus .list li{width: 100% !important; margin-bottom: .3rem;} .HomeBus .list li .pic{height: auto; padding-top: 78%;} .HomeBus .list li .txt {text-align: left;padding:1rem .8rem 0;} .HomeBus .list li .txt .tit1{padding: 1rem 0 .1rem;} .HomeBus .list li .txt .desc{transform: translateY(0);opacity: 1;display: block;} .HomeBus .list li.active .txt .more, .HomeBus .list li .txt .more{ display: none;} } @media(max-width:640px){ .HomeBus .list li .txt{ padding: .4rem .24rem 0!important;} } .HomeCase{padding:var(--padMar100) 0;position: relative;overflow: hidden; background: #f6fbff; } .HomeCase .list{ position: relative;} .HomeCase .item{height: auto;border: 0.01rem solid #e5e7eb; border-radius: var(--radius);overflow: hidden;} .HomeCase .item a{display: block; background-color: #fff; } .HomeCase .item .pic{overflow: hidden;} .HomeCase .item .pic .imgbox{padding-top: 65.075%;overflow: hidden; transition: 0.3s;} .HomeCase .item a:hover .imgbox img{transform: scale(1.1);} .HomeCase .item .txt{padding: 0.24rem;} .HomeCase .item .type{ display: inline-block; font-size:var(--font-size14); background: rgba(var(--rgb-hover), 0.08); padding: 0.05rem 0.12rem; text-align: center; border-radius: 0.5rem;} .HomeCase .item .tit{font-size:var(--font-size20); margin: 0.16rem 0; color: var(--black); font-weight: 600; line-height: 1.2; } .HomeCase .item .desc{font-size:var(--font-size16); color: var(--grey2); line-height:1.75; } .HomeCase .item a:hover .tit{color: var(--hover-color); } .HomeCase .item time{font-size: var(--font-size16);color: var(--grey2); font-weight: lighter; } .HomeCase .item .line{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:0.2rem} .HomeCase .item .line::before, .HomeCase .item .line::after{display:block;content:''} .HomeCase .item .line::before{flex-shrink:0;width:0.07rem;height:0.07rem;border-radius:50%;background-color:var(--hover-color)} .HomeCase .item .line:after{flex:1;height:1px;background-color:rgba(0,32,91,0.08)} .HomeCase .item:hover{ border-color: var(--hover-color);} .HomeCase .item:hover{ box-shadow: 0 0rem 0.3rem rgba(0, 0, 0, 0.08);} .HomeCase .arrows a{width: 0.5rem; height: 0.5rem; border-radius: 50%; border: 0.01rem solid var(--hover-color); background: var(--white); z-index: 2; position: absolute; top: 50%; transform: translateY(-50%);text-indent: -999em;overflow: hidden; margin-top: -0.25rem; cursor: pointer; } .HomeCase .arrows a:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;} .HomeCase .arrows a + a{margin-left: 0.2rem;} .HomeCase .arrows a.prev{left: -0.8rem; } .HomeCase .arrows a.next{right: -0.8rem;} .HomeCase .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .HomeCase .arrows a:hover{background-color: var(--hover-color); border-color: var(--hover-color);} .HomeCase .arrows a:hover:before{ border-color: var(--white);} @media(max-width:1024px){ .HomeCase .arrows a.prev{left: 0.1rem; } .HomeCase .arrows a.next{right: 0.1rem;} } .HomePartner{padding:var(--padMar100) 0;position: relative;z-index: 2; overflow: hidden; background: #fff;} .HomePartner .list .str_wrap{overflow: inherit} .HomePartner .list ul .str_move{display: flex} .HomePartner .list{position: relative;z-index: 1;} .HomePartner .list:before, .HomePartner .list:after{position: absolute;content: '';top: 0;height: 150%;width: 20%;z-index: 10;pointer-events: none;} .HomePartner .list:before{left: 0;background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);} .HomePartner .list:after{right: 0;background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);} .HomePartner li {width: 2.5rem;padding: 0 0.1rem;} .HomePartner li a {display: block;padding: 0.2rem 0;} .HomePartner li .pic{display: flex;align-items: center; justify-content: center; height: 1.2rem; background-color:#fff;border-radius: 0.1rem;box-shadow:0.05rem 0 0.32rem rgba(var(--rgb-black),0.1);} .HomePartner li .pic img{max-width: 72% !important;max-height: 72%;} @media (max-width:640px) { .HomePartner .number li{ width:auto; margin:0 2%;} .HomePartner li {width: 2rem;} .HomePartner li a {padding: 0.16rem 0;} .HomePartner li .pic{height: 1rem;} } .HomeContact{padding:var(--padMar100) 0; background: url(../images/HomeContact-bg.jpg); background-size: cover;} .HomeContact .contact li{ padding: 0.1rem 0; line-height: 1.7; padding-left: 0.36rem;background-repeat:no-repeat;background-position: left 0.16rem; background-size: 0.22rem auto; font-size: var(--font-size18);color: #333; } .HomeContact .contact li+li{ } .HomeContact .contact li span {display: block;color: #999;margin-bottom: 0.01rem;font-size: var(--font-size16);} .HomeContact .contact li b{font-size: var(--font-size30); font-weight: bold; color: var(--hover-color); line-height: 1.2;} .HomeContact .contact li.add{background-image:url(../images/icon-add.svg);} .HomeContact .contact li.tel{background-image:url(../images/icon-tel.svg);} .HomeContact .contact li.email{background-image:url(../images/icon-email.svg);} .HomeContact .form-ul{margin: 0 auto;} .HomeContact .form-ul li{margin-bottom: 0.2rem;position: relative;} .HomeContact .form-ul li .tit{font-size: var(--font-size16); line-height: 0.4rem;color: var(--grey);} .HomeContact .form-ul li input::placeholder { color: var(--grey3);} .HomeContact .form-ul li select, .HomeContact .form-ul li .text{width: 100%;border-radius: 0.05rem; border: 0.01rem solid rgba(255, 255, 255, 0.8); font-size: var(--font-size16);line-height: 0.5rem;height:0.5rem; background: rgba(255, 255, 255, 0.8);padding: 0 0.16rem;} .HomeContact .form-ul li textarea.text{height: 1.2rem;} .HomeContact .form-ul li .text:hover{box-shadow: 0 0 0.15rem rgba(var(--rgb-hover),0.08); border-color: var(--hover-color);} .HomeContact .form-ul .btn{width: 1.5rem; background: var(--hover-color);font-size: var(--font-size16);height: 0.55rem;color: #fff;cursor: pointer; border: 0; border-radius: var(--radius);} .HomeContact .form-ul .btn:hover{ background: var(--hover-color2);} @media(min-width:1025px){ .HomeContact .box{ display: flex; justify-content: space-between; } .HomeContact .left{width:38%;} .HomeContact .right{width:50%;} .HomeContact .form-ul .row2 li{float: left;width:calc(50% - 0.15rem);} .HomeContact .form-ul .row2 li:nth-child(2n){float: right;} } @media(max-width:1024px){ .HomeContact .left{ margin-bottom: 0.2rem;} } /*Bottom002900 */ .Bottom002900{background: #0a1c2e;padding: var(--padMar80) 0 0 0; border-top: 0.05rem solid var(--hover-color);} .Bottom002900, .Bottom002900 a{color: rgba(255,255,255,.6);} .Bottom002900 a:hover{ color: var(--white);} @media(min-width:1025px){ .Bottom002900 .contact{width: 27%;max-width: 3.5rem;} .Bottom002900 .b_nav{max-width: 6.8rem;width: 55%;} .Bottom002900 .b_nav nav{width:90%;margin: 0 auto; max-width: 5.6rem; overflow: hidden;} .Bottom002900 .right{max-width: 3rem;width: 26%;} } .Bottom002900 .b_nav nav dl{float: left; max-width: 2.2rem;} .Bottom002900 .b_nav nav dt { margin-bottom: 0.2rem;font-size: var(--font-size18);color: var(--white); position: relative;font-weight: 500; } .Bottom002900 .b_nav nav dt a{color: var(--white);} .Bottom002900 .b_nav nav dt a:hover{color: var(--hover-color);} .Bottom002900 .b_nav nav dd{line-height: 0.26rem;padding: 0.06rem 0;} .Bottom002900 .b_nav nav dd a{font-size: var(--font-size16);} .Bottom002900 .b_nav nav dd a:hover{color: var(--white);} @media(max-width:1024px){ .Bottom002900 .b_nav nav{display: none;} } .Bottom002900 .copyright{line-height: 2;border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 0.2rem 0 ;margin-top: 0.36rem;font-size: var(--font-size14); color: rgba(255,255,255,0.6); } .Bottom002900 .copyright a{color: rgba(255,255,255,0.6);} .Bottom002900 .copyright .fr a:not(:last-child):after{display: inline-block;content: '';width: 1px;height: 0.12rem;background: rgba(255,255,255,0.5);margin: 0 0.15rem;vertical-align: middle;} .Bottom002900 .copyright a:hover{ color: var(--hover-color);} .Bottom002900 a:hover{color: var(--hover-color);opacity: 1!important;} .Bottom002900 .logo img{max-height:0.5rem;} .Bottom002900 .info{ font-size: var(--font-size16); color: rgba(255,255,255,0.6); line-height: 1.875;} .Bottom002900 .cont .tit{margin-bottom: 0.2rem;font-size: var(--font-size18);color: var(--white);font-weight: 500;} .Bottom002900 .cont .hotline .tag{color: rgba(255,255,255,0.6);display: flex;align-items: center; margin-bottom: .12rem;} .Bottom002900 .cont .hotline .tag::before{content: '';width:0.2rem;height: 0.2rem; background: url(../images/icon-tel.svg) no-repeat left center; background-size: 0.2rem auto;margin-right: 0.1rem} .Bottom002900 .cont .num{font-size: var(--font-size32); font-weight:bold; margin-bottom: 0.2rem;line-height: 1;color: var(--hover-color);} .Bottom002900 .cont .hotline p{display: block; margin: 0.06rem 0; line-height: 1.6; padding-left:0.28rem;background-position: left top 0.04rem;background-repeat: no-repeat; background-size: 0.16rem auto; } .Bottom002900 .cont .hotline p.add{background-image: url("../images/icon-add.svg");} .Bottom002900 .cont .hotline p.email{background-image: url("../images/icon-email.svg");} .Bottom002900 .cont .hotline p.time{background-image: url("../images/icon-time-b.svg");} .Bottom002900 .cont .hotline p+p{margin-top:0.12rem;} .Bottom002900 .share li{float: left;position: relative;} .Bottom002900 .share li figure{position: absolute; left: 0; bottom: 100%; width:1.3rem; padding: 5px;background: #fff; margin-bottom: 0.1rem;border-radius: 0.1rem;display: none;} .Bottom002900 .share li figure img{display: block;width: 100%;} .Bottom002900 .share li figure:before{position: absolute; content: '';border:5px solid transparent; left: 20px; top: 100%;border-top-color: #fff;} .Bottom002900 .share li:not(:last-child){margin-right: 0.12rem;} .Bottom002900 .share li a{display: block;background: rgba(255,255,255,0.15); width: 0.42rem; height: 0.42rem;background-position: center center;background-repeat: no-repeat; background-size: 0.22rem auto; border-radius: 50%; cursor: pointer;} .Bottom002900 .share li a:hover{background-color: var(--hover-color);} @media(min-width:1025px){ .Bottom002900 .logo{ margin-bottom: 0.26rem;} .Bottom002900 .contact .tit{padding-bottom: 0.16rem;} .Bottom002900 .share{margin: 0.3rem 0 0 0;} .Bottom002900 .share .tit{padding-bottom: 0.16rem;} } @media(max-width:1024px){ .Bottom002900{text-align: center;} .Bottom002900 .logo{padding: 0 20% 3%;} .Bottom002900 .contact .tit{padding: 3vw 0;justify-content: center;} .Bottom002900 .share{ margin-bottom: 0.2rem;} .Bottom002900 .share ul{margin: 0 auto;display: table;} .Bottom002900 .share li figure{left: 50%; margin-left: -60px;} .Bottom002900 .share li figure:before{left: 50%; margin-left: -5px;} .Bottom002900 .cont .hotline .tag{justify-content: center;} .Bottom002900 .cont .hotline p{display: table; margin: 0.06rem auto 0;} } .slid_top {position: fixed;height: 0.5rem;width: 0.5rem; border-radius: 0.5rem; right: 1%;bottom: 3%;z-index: 500;background: url(../images/gotop.svg) no-repeat center center var(--hover-color);background-size: 0.16rem auto;box-shadow: 0 0.05rem .2rem rgba(var(--rgb-hover), 0.4);} /*Banner003144 */ .Banner003144{position: relative;} .Banner003144 img{width:100%;} @media (min-width:1025px) { .Banner003144 .wap{display: none;} } @media (max-width:1024px) { .Banner003144 .pc{display: none;} } .cmenu{border-bottom: 1px solid #ebebeb} .cmenu .nav li:not(:last-child){margin-right: .6rem} .cmenu .nav li a{display: block;line-height: .8rem;font-size: var(--font-size18);position: relative;color: #000} .cmenu .nav li a::after{content: '';position: absolute;width: 100%;height: 2px;background:var(--hover-color);left: 0;bottom: -1px;opacity: 0; } .cmenu .nav li:hover a, .cmenu .nav li.aon a{color: var(--hover-color); } .cmenu .nav li:hover a, .cmenu .nav li.aon a::after{opacity: 1; } .cmenu .location{padding-left: .3rem;background: url(../images/icon-home.svg)no-repeat center left;background-size: .25rem auto;line-height: .8rem;} .cmenu .location a{color: #000;opacity: .5;} .cmenu .location a:hover{opacity: 1;color: var(--hover-color);} /* .cmenu .location span{color: var(--hover-color);} */ .cmenu .location i{margin: 0 .05rem;color: #000;opacity: .5;} .cmenu_prodetail {background: #f6f9fb;border-bottom: 0;} .cmenu .location_prodetail{line-height: .8rem;} @media (max-width:1024px) { .cmenu .location{display: none;} .cmenu .nav li a{line-height: .65rem;} .cmenu .nav li:not(:last-child){margin-right: .2rem} } .columntitle{margin-bottom: .5rem;} .center{text-align: center;} .columntitle span{display:inline-block;font-size:var(--font-size22);background:url(../images/columntitle_logo.png) no-repeat right top;padding-top:0.09rem;padding-right:.2rem;background-size:auto .14rem;color:var(--hover-color2);line-height:1;padding-bottom: .1rem;} .columntitle h1{font-size: var(--font-size42);color: #000;font-weight: bold; margin: 0;} .columntitle.white h1{color: var(--white);} .columntitle .sub{font-size: var(--font-size24); color: var(--hover-color); padding: 0; line-height: 1.2;padding-top: .16rem;} @media (max-width:1024px) { .columntitle{margin-bottom: .32rem;} .columntitle h1{font-size: var(--font-size36);} } .Company{padding:var(--padMar100) 0; background: url(../images/logo_bg.png) no-repeat left -3% bottom -5%; background-size:22%;} .Company .item:not(:last-child){ margin-bottom: 0.6rem;} .Company .subtit{font-size: var(--font-size30);color: var(--black);line-height: 1.2; margin-bottom: 0.3rem;} .Company .intro .edit_info p{font-size: var(--font-size18); color:#333; line-height:1.8; margin: 0;} .Company .intro .edit_info p:not(:last-child){padding-bottom: .15rem;} .Company .intro .img{position: relative;} .Company .intro .img img{border-radius: .1rem;} .Company .intro .img::after{content: "";position: absolute;right:-3%;bottom:-3%;width:95%; top: 0.4rem;background: rgba(var(--rgb-hover), 0.2);z-index: -1;border-radius: .1rem;} .Company .item:nth-child(2n+1) .intro .img::after{left:-3%;bottom:-3%;right:auto;} @media (min-width:1025px) { .Company .intro{ display: flex; justify-content: space-between; align-items: center;} .Company .item:nth-child(2n+1) .intro{ flex-direction: row-reverse;} .Company .intro .img{width:47%;} .Company .intro .info{width:47%;} } @media (max-width:1024px) { .Company .intro .info{margin-bottom: 0.24rem;} .Company .subtit{font-size: var(--font-size26);} } .Culture{padding: var(--padMar100) 0; background: #f5f5f5;} .Culture .CultureBox ul{display: flex;} .Culture .CultureBox ul li{width:32%;position: relative;margin-left:0; list-style: none;transition: .3s all;} .Culture .CultureBox ul li .img{height:5.2rem;} .Culture .CultureBox ul li .img::after{content:'';display: block;width:100%;height:100%;background: rgba(0,0,0,0.3);position: absolute;right:0;top:0;} .Culture .CultureBox ul li .txt{position: absolute;width:100%;box-sizing: border-box;left:0;text-align: center;transform: translateY(-50%);top:50%;color:#fff;transition: .3s all;} .Culture .CultureBox ul li .txt .tit{font-size:var(--font-size30);margin-bottom: .15rem;} .Culture .CultureBox ul li .txt .icon{width:.65rem;height:.65rem;margin:0 auto;margin-bottom:.2rem;} .Culture .CultureBox ul li .txt .dec{display: none;font-size:var(--font-size22);line-height: 1.5;} .Culture .CultureBox ul li.on{width:65%;transition: .3s all;} .Culture .CultureBox ul li.on .txt{transform: translateY(0);top:auto;bottom:0;padding:.5rem .6rem;text-align: left;transition: .3s all;} .Culture .CultureBox ul li.on .txt .icon{margin:0 0 0.3rem 0;} .Culture .CultureBox ul li.on .txt .dec{display: block;} .Culture .CultureBox ul li .imgbox img{width: 100%; height: 100%; object-fit: cover;} @keyframes scale1{ 0%{transform: scale(1);-webkit-transform: scale(1);opacity: 0.3;transition: .3s all;} 100%{transform: scale(2.5);-webkit-transform: scale(2.5);opacity: 0;transition: .3s all;} } @media(max-width:1024px){ .Culture .CultureBox ul li .img{padding-top:4rem; height: auto;} .Culture .CultureBox ul li.on .txt{padding:.4rem .3rem;} .Culture .CultureBox ul li .txt .icon{width:.4rem;height:.4rem;} .Culture .CultureBox ul li.on .txt .icon{margin:0 0 0.2rem 0;} .Culture .CultureBox ul li .txt .tit{font-size:var(--font-size24);} .Culture .CultureBox ul li .txt .dec{font-size: var(--font-size16);} } @media(max-width:640px){ .Culture .CultureBox ul{flex-wrap: wrap;} .Culture .CultureBox ul li.on{width:100%;} .Culture .CultureBox ul li{width:100%;margin-bottom:.1rem;} .Culture .CultureBox{padding-top:0;} .Culture .CultureBox ul li .txt{transform: translateY(0);top:auto;bottom:0;padding:0.3rem 0.24rem;text-align: left;} .Culture .CultureBox ul li .txt .icon{margin:0 0 0.2rem 0;} .Culture .CultureBox ul li .txt .dec{display: block;} .Culture .CultureBox ul li .img{padding-top:64%;} .Culture .CultureBox ul li .txt{padding:.2rem;} } .Productbox{padding: var(--padMar100) 0;} .Productbox .info{margin-bottom: 3%;} .Productbox .info p{line-height:2; font-size: .18rem; color: #333} .Productbox .info .title{font-size:.34rem;color: #111;line-height:1.2; text-align: center;} .Productbox .info .title:after{display: block;content: '';width: .4rem; height: .04rem; background-color:var(--hover-color); margin: .18rem auto .3rem auto; border-radius: .1rem;} .Productbox .pic{display: flex;align-items: center;justify-content: space-between;} .pro_tit{font-size:.36rem;color: #222;line-height:1.2; font-weight: bold;} .pro_tit:after{display: block;content: '';width: .4rem; height: .04rem; background-color:var(--hover-color); margin: .2rem 0 .3rem 0; border-radius: .1rem;} .pro_tit.center:after{margin: .2rem auto .3rem auto;} .Productbox2 {padding: var(--padMar100) 0;} .Productbox2 .overview p{font-size: .18rem; line-height:1.8; color: #333;} .Productbox2 .overview p span{text-decoration: underline; font-weight: bold;} .Floor003227{overflow:hidden;padding:var(--padMar100) 0;background:url(../images/Floor003227_bg.jpg) no-repeat center;} .Floor003227 .left .ind-desc{max-width:5.06rem} .Floor003227 .right-main{width:calc(1096 / 700 * 100%)} .Floor003227 .swiper-wrapper{height: auto;} .Floor003227 .swiper-slide{padding-right:0.3rem;padding-top: .2rem;} .Floor003227 .inner{position:relative;z-index:1;border-radius:0.2rem;padding:0.7rem 0.4rem .3rem;background-color:#fff} .Floor003227 .inner:hover{background-color:rgba(255,255,255,0.98)} .Floor003227 .inner:hover .tit{color:var(--hover-color)} .Floor003227 .inner::before,.Floor003227 .inner::after{position:absolute;content:''} .Floor003227 .inner::before{right:0.3rem;top:-0.2rem;width:0.69rem;height:0.55rem;background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/Floor003227-yh.png);transform: rotate(180deg); display: none;} .Floor003227 .info .icon{max-width: .65rem;padding-bottom: .3rem; position: relative;} .Floor003227 .info .icon:after{position: absolute;content: '';z-index: 1;background:linear-gradient(to bottom right, #fff, #08a3d1);width:.4rem;height:.4rem;right: -0.15rem;bottom: .25rem;border-radius: 50%;opacity: 0.2;} .Floor003227 .info .ind-desc{font-size: .16rem;line-height: 1.7; color: #555; min-height: 1.65rem;} .Floor003227 .info .ind-desc span{color: #111; text-decoration: underline; font-weight: bold;} .Floor003227 .tit{font-size:0.28rem;line-height:1.2;margin-bottom:0.16rem;color: #111;} .Floor003227 .tit:after{display: block;content: '';width: .3rem; height: .03rem; background-color:var(--hover-color); margin: .18rem 0 .3rem 0; border-radius: .1rem;} .Pro_overvie{padding: var(--padMar100) 0; background-color: #f2f6f7;} .Pro_overvie .edit_info {font-size: var(--font-size18);color: var(--grey); line-height:1.875;} .Pro_overvie .edit_info p{ margin: 0.1rem 0;} .Pro_overvie .intro{ border-radius: var(--radius); overflow: hidden;background: #fff;} .Pro_overvie .info { padding: 0.3rem 0.5rem;} @media (min-width:1025px) { .Pro_overvie .intro{ display: flex;justify-content: space-between; } .Pro_overvie .img{width: 50%;} .Pro_overvie .info {width: 50%;} } @media(max-width:1024px){ .pro_tit{font-size: .30rem;} .pro_tit:after{margin: .16rem 0 .2rem 0;} .Pro_overvie .info{ padding:0.3rem 0.24rem;} } .Pro_value{padding: var(--padMar100) 0;background-image: linear-gradient(to bottom, #fafbff, #f6faff);} .Pro_value ul{ display: flex; flex-wrap: wrap;} .Pro_value li{ float: left; margin-right: 2%; margin-bottom: 2%; border: 0.02rem solid #fff;background-image: linear-gradient(to bottom right, #f2f6f7, #fafbfb); border-radius: var(--radius); padding: 0.32rem 0; box-shadow: 0 0 .15rem rgba(0, 0, 0, .05); transition: 0.3s; display: flex;} .Pro_value li .txt{ flex: 1 1 auto; overflow: hidden;} .Pro_value li .tit, .Pro_value li .desc{padding:0 .35rem;} .Pro_value li .tit{font-size:var(--font-size24);color:var(--grey); line-height: 1.3; margin-bottom:0.16rem; position:relative;} .Pro_value li .tit::before{content:'';display:block;position:absolute;left:0;background: var(--hover-color);width:.08rem;height:.24rem;top:50%;border-radius: 0 0.04rem 0.04rem 0;transform:translate(0,-50%);} .Pro_value li .desc{font-size:var(--font-size16);line-height:1.875;color:var(--grey2); } @media (min-width:1025px) { .Pro_value li{width:49%;} .Pro_value li:nth-child(2n){margin-right:0;} } @media (max-width:1024px) { .Pro_value li{width:100%;margin-right:0;margin-bottom: 0.2rem;} } .Pro_case{padding: var(--padMar100) 0; background: #f1f6fc;} .Pro_case .info{font-size: var(--font-size18); color: #666; text-align: center; margin-bottom: 0.5rem;} .Pro_case .slider{margin: 0 -0.1rem;} .Pro_case .slider li{margin: 0 0.1rem; } .Pro_case li{ float: left; margin-right:2%;margin-bottom:2%;overflow: hidden; background: #fff; border-radius: var(--radius);} .Pro_case li a{display: block;position: relative;} .Pro_case li .pic{} .Pro_case li .pic .imgbox{padding-top:70.15%;transition: 0.3s; } .Pro_case li:hover .imgbox img{transform: scale(1.1);} .Pro_case li .txt{padding:0.24rem 0.2rem; text-align: center; } .Pro_case li .txt .tit{font-size:var(--font-size18);color:var(--grey);line-height: 1.5; } .Pro_case li:hover .txt .tit{color:var(--hover-color);} .Pro_case .slick-arrow{width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; z-index: 22; border:1px solid var(--hover-color); box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.08); top: 50%; padding: 0;right: 0;text-indent: -9999em;transition: 0.5s; transform: translate(0, -50%);position: absolute;} .Pro_case .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;} .Pro_case .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Pro_case .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);} .Pro_case .slick-arrow:hover:before{ border-color: #fff;} .Pro_case .slick-prev{left:0.1rem;} .Pro_case .slick-next{right:0.1rem;} @media(min-width:1025px){ .Pro_case .slick-prev{left:-0.6rem;} .Pro_case .slick-next{right:-0.6rem;} } @media (max-width:1024px) { .Pro_case .slick-arrow{background-color: var(--white);} .Pro_case li .txt{padding:0.2rem;} } .Represen{padding:var(--padMar100) 0; } .Represen .tab-nav ul{display: flex;justify-content: center; margin-bottom: 0.4rem;} .Represen .tab-nav li{margin-right: .16rem;display: flex;justify-content: center;align-items: center; padding: 0.12rem .3rem; font-size: var(--font-size18);color: var(--hover-color);border: 1px solid var(--hover-color);border-radius: .55rem;cursor: pointer;} .Represen .tab-nav li:last-child{margin-right: 0;} .Represen .tab-nav li.on{background-color: var(--hover-color);border-color: var(--hover-color);color: var(--white)} .Represen .tablist .tabinfo{display: none;} .Represen .tablist .tabinfo.on{display: block;} .Represen .swiperCon{ position: relative;} .Represen .arrows a{width: 0.5rem; height: 0.5rem; border-radius: 50%; border: 0.01rem solid var(--hover-color); background: var(--white); z-index: 2; position: absolute; top: 50%; transform: translateY(-50%);text-indent: -999em;overflow: hidden; margin-top: -0.25rem; cursor: pointer; } .Represen .arrows a:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;} .Represen .arrows a + a{margin-left: 0.2rem;} .Represen .arrows a.prev{left: -0.8rem; } .Represen .arrows a.next{right: -0.8rem;} .Represen .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Represen .arrows a:hover{background-color: var(--hover-color); border-color: var(--hover-color);} .Represen .arrows a:hover:before{ border-color: var(--white);} @media(max-width:1024px){ .Represen .tab-nav li{padding: 0.1rem .2rem;margin-right: .08rem;} .Represen .arrows a.prev{left: 0.1rem; } .Represen .arrows a.next{right: 0.1rem;} } /* 资质报告&证书 */ .Honor .item .img{background: #eff3f6;background-size: 100% 100%;height:3.8rem;box-sizing: border-box;padding:0.3rem 0;border-radius: var(--radius);transition: all .5s;} .Honor .item .img .imgbox{padding-top:3.2rem;} .Honor .item .img .imgbox .box{position: relative;text-align: center;width:100%;} .Honor .item .img img{padding:0.15rem; background: url(../images/honor-kuang.png) no-repeat center center; background-size: 100% 100%;object-fit: contain;max-width: 80% !important;max-height: 3.2rem;width: 80%;margin: 0 auto;height: auto;position: relative;z-index: 9;} .Honor .item .tit{text-align: center;margin:0.18rem 0 0.1rem 0;font-size: var(--font-size18); line-height: 1.6;color:var(--grey);} .Honor .item:hover .tit{color:var(--hover-color);} /* 硬件 */ .Hardware{} .Hardware .item{ border: 1px solid #eee;border-radius: var(--radius); overflow: hidden;} .Hardware .item .imgbox{padding-top:69.685%;} .Hardware .item .imgbox img{object-fit: contain;} .Hardware .item .tit{text-align: center;padding:0.18rem 0;font-size: var(--font-size18); line-height: 1.6;color:var(--grey);} .Hardware .item:hover .tit{color:var(--hover-color);} /* 软件 */ .Software{} .Software .item{ border: 1px solid #eee;border-radius: var(--radius); overflow: hidden;} .Software .item .imgbox{padding-top:74.685%;} .Software .item .tit{text-align: center;padding:0.18rem 0;font-size: var(--font-size18); line-height: 1.6;color:var(--grey);} .Software .item:hover .tit{color:var(--hover-color);} .Target{padding:var(--padMar100) 0;} .Target .intro .info{list-style: none;} .Target .intro .info li{ display: flex; align-items: center;} .Target .intro .info li:not(:last-child){border-bottom: 1px solid rgba(8, 163, 209, 0.1);padding-bottom: .25rem; margin-bottom: .25rem;} .Target .intro .info li .icon{max-width: .4rem;} .Target .intro .info li p{font-size: var(--font-size18); color: #333; line-height: 1.7; margin: 0; padding-left: .2rem;} @media (min-width:1025px) { .Target .intro .img{width:45%;} .Target .intro .info{width: 50%; background: #f7fcff; padding: 0 5%;} } @media (max-width:1024px) { .Target{padding: 2em 0;} .Target .intro .img{margin-bottom: 2em;} } .Valuebox {padding:var(--padMar100) 0; background:url(../images/Valuebox_bg.jpg) no-repeat center;} .Valuebox .intro .info p{line-height:2;font-size: .18rem; color: #333;} .Valuebox .intro .info p span{font-weight: bold; text-decoration: underline;} @media (min-width:1025px) { .Valuebox .intro .img{width:50%;} .Valuebox .intro .info{padding-left:6%;} } @media (max-width:1024px) { .Valuebox .auto{padding: 2em 0;} .Valuebox .intro .img{margin-bottom: 2em;} } .Customerlogo{padding: var(--padMar100) 0;} .Customerlogo .title{text-align: center; font-size: .3rem; color: #333; padding-bottom: .3rem;} .Customerlogo .list{position: relative;} .Customerlogo .pic{padding:.1rem; width: 20%; float: left;} .Customerlogo .pic figure{height:1.4rem;display: flex;align-items: center; justify-content: center;border-radius: 0.1rem; border:1px solid rgba(1,50,153,0.15); transition: 0.3s;box-shadow: 0px 0 .06rem rgba(51, 89, 140, 0.12);} .Customerlogo .pic img{max-width:70%;max-height:70%;} .Customerlogo li:hover figure{border-color:var(--hover-color);} @media (max-width:1024px) { .Customerlogo .controls a.prev{left: 0;} .Customerlogo .controls a.next{right: 0;} .Customerlogo .pic{padding: 0.1rem;} .Customerlogo .swiper{margin: 0 0.6rem;} .Customerlogo .pic{width: 24%;} .Customerlogo .pic figure{height:0.8rem;} } @media (max-width:640px) { .Customerlogo .pic{width: 50%;} .Customerlogo .pic figure{height:1.1rem;} } .Page002623{padding: var(--padMar60) 0 0 0; text-align: center;font-size:var(--font-size18);} .Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page){display: none;} .Page002623 .Pages em{float: left;margin: 0 3vw; font-style: normal;} .Page002623 .Pages .p_page{display: table; margin: 0 auto;} .Page002623 .Pages a{float: left;line-height: .5rem; width: .5rem; margin: 0 1px;} .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover{color: var(--white);background: var(--hover-color);} .Page002623 .Pages .p_page > a{font-size: 0;height: .5rem;position: relative;} .Page002623 .Pages .p_page > a:before{position: absolute; content: '';border:5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px;} .Page002623 .Pages .p_page > a.a_prev:before{border-right-color: var(--black0);border-right-width: .08rem;} .Page002623 .Pages .p_page > a.a_next:before{border-left-color: var(--black0);border-left-width: .08rem; margin-left: -4px;} .Page002623 .Pages a.a_prev:hover:before{border-right-color: var(--white);} .Page002623 .Pages a.a_next:hover:before{border-left-color: var(--white);} @media(max-width:640px){ .Page002623{padding: 6vw 0 8vw 0;} .Page002623 .Pages em{display: none;} .Page002623 .Pages a{background-color: #eee;} } .PicList003142{padding: var(--padMar100) 0;} .PicList003142 li{float: left; margin-bottom: 2.5em;} .PicList003142 li .txt{padding-top: 0.24rem;} .PicList003142 li .tit{ font-size:.24rem;line-height:1.5; margin-bottom:.16rem; color: #222; height: 3em;} .PicList003142 li:hover .tit{color: var(--hover-color);} .PicList003142 li p{font-size:.16rem; line-height:1.8;color: #666; margin: 0;} .PicList003142 li .pic{overflow: hidden;} .PicList003142 li .Ispic{padding-bottom:66%;transition: 0.3s;border-radius: var(--radius);} .PicList003142 li a:hover .Ispic{transform: scale(1.1);transition: 0.3s;} @media (min-width:1025px) { .PicList003142 li{width:31.3%;} .PicList003142 li:not(:nth-child(3n)){margin-right:3%;} .PicList003142 li:nth-child(3n+1){clear: left;} } @media (max-width:1024px) { .PicList003142 li{width: 48%;} .PicList003142 li:not(:nth-child(2n)){margin-right: 4%;} .PicList003142 li:nth-child(2n+1){clear: left;} .PicList003142 li .tit{ height: auto;} } @media (max-width:640px) { .PicList003142 li{width: 100%;margin-right: 0%;} } .GroupInfo{padding:var(--padMar100) 0;position: relative;} .GroupInfo .intro{margin-bottom: 0.6rem;} .GroupInfo .info{font-size: .18rem;color: #333;line-height: 1.8; text-align: center; max-width:11rem; width: 100%; margin: 0 auto ;} .GroupInfo .info p{ margin: 0 0 0.1rem 0;} .GroupInfo .box .tit{font-size:.3rem; line-height:1.4; margin-bottom: .2rem; font-weight: bold; color: var(--grey);} .GroupInfo .box { margin-bottom: 0.3rem;} .GroupInfo .box .desc {max-width: 9.6rem;width: 100%; font-size: .18rem;color: #333;line-height: 1.875;} .GroupInfo .box .desc p{ margin: 0;} .GroupInfo .Picbox .desc {font-size: 0.18rem;line-height: 1.875;position: relative;color: var(--grey);} .GroupInfo .Picbox .desc .p{position: relative;padding-left: 0.16rem; margin: 0 0 0.1rem 0;} .GroupInfo .Picbox .desc .p:before{position: absolute; content: ''; width: 0.05rem; height: 0.05rem; border-radius: 0.05rem;background: var(--hover-color); left: 0; top: 0.12rem;} .GroupInfo .Picbox .img{ overflow: hidden; border-radius: var(--radius);} @media (min-width:1025px) { /* .GroupInfo .intro{ display: flex; align-items: start;} .GroupInfo .columntitle{ flex-shrink: 0; width: 24%;} */ .GroupInfo .Picbox{display: flex;justify-content: space-between; align-items: center;} .GroupInfo .Picbox .desc{width:48%;} .GroupInfo .Picbox .img{ width:45%;} } @media (max-width:1024px) { } .GroupVision{padding: 0 0 var(--padMar100) 0; } .GroupVision .flex{display:flex;flex-wrap:wrap;overflow:hidden; border-radius: var(--radius); position: relative;} .GroupVision .con{position: absolute;left: 0.7rem;top: 50%;transform: translate(0%, -50%); z-index: 5;} .GroupVision .imgbox{position:relative;} .GroupVision .imgbox::before{content:'';display:block;background-image:linear-gradient(to right,rgba(var(--rgb-hover), .85) 40%,transparent);width:70%;height:100%;position:absolute;left:0;top:0;} .GroupVision .imgbox img{width:100%;height:100%;object-fit:cover;} .GroupVision .tit{font-size:.3rem; line-height:1.4; margin-bottom: .2rem; font-weight: bold; color: var(--white);} .GroupVision .desc{font-size: var(--font-size18); color:#fff; line-height:1.875;} @media(min-width:1025px){ .GroupVision .con{width: 40%;} .GroupVision .imgbox{width:100%;} } @media(max-width:1024px){ .GroupVision .imgbox{ height: 3.2rem;} .GroupVision .imgbox::before{width:100%;} .GroupVision .con{left: 0.2rem;} .GroupVision .desc{font-size: var(--font-size16);} } .Group_bg{padding:var(--padMar100) 0;} .Group_bg .summary{max-width:11rem; width: 100%; margin: 0 auto 3vw auto;} .Group_bg .summary p{margin: 0;font-size: .18rem;text-align: center;color: #333;line-height: 1.8;} .Group_bg .item:not(:last-child){margin-bottom:3vw;} .Group_bg .txt .inner{padding: 0;} .Group_bg .inner .tit{font-size:.3rem; line-height:1.4; margin-bottom: .2rem; font-weight: bold; color: var(--grey);} .Group_bg .inner p{line-height:1.75;color: var(--grey2); font-size: .18rem; margin: 0 0 .1rem 0;} .Group_bg .inner .p{position: relative;padding-left: 0.15rem; margin: 0.1rem 0;} .Group_bg .inner .p:before{position: absolute; content: ''; width: 0.05rem; height: 0.05rem; border-radius: 0.05rem;background: var(--hover-color); left: 0; top: 0.12rem;} .Group_bg .pic img{border-radius: .1rem;} @media(min-width:1025px){ .Group_bg .item .flex{display: flex;justify-content: space-between;align-items: center;} .Group_bg .pic{ width:47%;} .Group_bg .txt{ width:47%;} } @media(max-width:1024px){ .Group_bg .txt{ margin-bottom: 0.24rem;} } .PicList002925{background: #f5f5f5;padding:var(--padMar100) 0;overflow: hidden;} .PicList002925 .column_tit{padding-bottom: .5rem;} .PicList002925 .list{padding: 0 .4rem; --imgh:2.8rem;--t:calc(var(--imgh) - .5rem);} .PicList002925 .list ul{margin: 0 -2vw;} .PicList002925 li{text-align: center;position: relative;background: url("../images/PicList002925_taibg.png") repeat-x top var(--t) left;} .PicList002925 li a{display: block;position: relative; z-index: 3;} .PicList002925 li .pic{padding-bottom:.2rem; position: relative;} /* .PicList002925 li .pic:after{position: absolute;right: -24px;background: url(../images/PicList002433_ying.png) no-repeat left bottom;width: 24px;height: 100%;background-size: contain;content: '';} */ .PicList002925 li .img{height: var(--imgh);margin: 0 auto; background: url(../images/honor_frame_01.png) no-repeat; background-size: 100% 100%; padding: .12rem; box-shadow: .05rem .05rem .05rem rgba(var(--rgb-black),0.2);} .PicList002925 li .tit{margin-top:.2rem; margin-bottom:.7rem; padding: 0 8%;} .PicList002925 li .tit aside{font-size: var(--font-size18); line-height:1.3;min-height:.4rem;} .PicList002925 .Page002623{padding-top: .3rem;} @media(min-width:769px) and (max-width:1440px){ .PicList002925 .list{--imgh:calc(185 / 1440 * 100vw);} } @media(min-width:769px){ .PicList002925 li{width:25%;} .PicList002925 li:first-child:before, .PicList002925 li:nth-child(4n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top var(--t) #f5f5f5; width:.9rem;left: -2vw;} .PicList002925 li:last-child:before, .PicList002925 li:nth-child(4n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top var(--t) #f5f5f5; width:.9rem;right: -2vw;} } @media(max-width:768px){ .PicList002925 .list{padding: 0 0.3rem;--imgh:28vw;--t:calc(var(--imgh) - .7rem);} .PicList002925 li{width:50%;} .PicList002925 li .tit{margin-bottom: 0.4rem;} .PicList002925 li:first-child:before, .PicList002925 li:nth-child(2n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top var(--t) #f5f5f5; width:7.4375vw;left: -3vw;} .PicList002925 li:last-child:before, .PicList002925 li:nth-child(2n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top var(--t) #f5f5f5; width:7.4375vw;right: -3vw;} .PicList002925 li .tit aside{font-size: var(--font-size16);} } .zzjg{padding: var(--padMar100) 0;} .History{position: relative;padding: var(--padMar100) 0 var(--padMar110);background-size: cover; background: url(../images/History_bg.jpg) no-repeat center bottom;} .History .columntitle{margin-bottom:0;} .History .main-text{margin-top: .3rem;font-size: .16rem;color: #222222;line-height: 1.7;} .History .list{margin-top:0;} .History .list .time{font-size: .2rem;color: #333333;text-align: center;} .History .list .time:after{display: block;content: '';width: .15rem;height: .15rem;margin: .35rem auto 0;background-color: #333333;border-radius: .15rem;} .History .list .box .title{margin-top: .35rem;font-size: .2rem;color:var(--hover-color);} .History .main-box{position: relative;} .History .main-box .btn{position: absolute;right: 0;top: 0;display: flex;align-items: center;} .History .main-box .btn .swiper-button-prev, .History .main-box .btn .swiper-button-next{position: initial;width: .5rem;height: .5rem;color:var(--hover-color);border: 1px solidvar(--hover-color);background-color: transparent;opacity: 1;border-radius: .5rem;--swiper-navigation-size: .18rem;box-sizing: border-box;} .History .main-box .btn .swiper-button-prev:hover, .History .main-box .btn .swiper-button-next:hover{background-color:var(--hover-color);color: #fff;} .History .main-box .btn .swiper-button-prev{margin-right: .25rem;} .History .main-box .swiper-slide{position: relative;} .History .main-box .swiper-slide .box{height: 1.9rem;padding: .5rem;width: 100%;display: flex;align-items: center;background-color: #fff;border-radius: .15rem;box-sizing: border-box;box-shadow: 0 0 .59rem rgba(11, 95, 144, .11);overflow: hidden;} .History .main-box .swiper-slide .box .text{font-size: .16rem;color: #333;line-height:1.5;} .History .main-box .swiper-slide .time{position: absolute;left: 0;top: -.75rem;font-size: .36rem;color:var(--hover-color);} .History .main-box .bg-time{position: absolute;left: -.2rem;top: -1rem;font-size: 2.8rem;color: #f1f5f8;z-index: 1;line-height: .8;} @media ( min-width:769px){ .History:after{display: block;content: '';position: absolute;left: 0;bottom: 2.8rem;width: 100%;height: 3.07rem;background-image: url('../images/history-x.png');background-position: center;background-repeat: no-repeat;;z-index: 1;} .History .auto{position: relative;z-index: 2;} .History .main-box{position: absolute;right: 0;bottom: 0;max-width: 5.6rem;width: 100%;z-index: 3;} .History .main-box .mySwiper2{padding-top: .8rem;} .History .list .mySwiper{padding-top:.5rem;} .History .list .swiper-slide{position: relative;height: 5.5rem;} .History .list .box{display: none;text-align: center;position: absolute;top: -.2rem;left: 50%;transform: translateX(-50%);z-index: 3;} .History .list .box .img{width: 1.5rem;height: 1.5rem;margin: 0 auto;border: .04rem solid #fff;border-radius: 1.5rem;box-sizing: border-box;overflow: hidden;box-shadow: 0 0 .34rem rgba(51, 51, 51, .26)} .History .list .box .img img{width: 100%;height: 100%;object-fit: cover;} .History .list .swiper-slide-thumb-active .box{display: block;} .History .list .por{position: relative;} .History .list .swiper-slide-active{padding-top: 2.96rem;} .History .list .swiper-slide-active + div{padding-top: 2.7rem;} .History .list .swiper-slide-active + div + div{padding-top: 2.18rem;} .History .list .swiper-slide-active + div + div + div{padding-top: 1.42rem;} .History .list .swiper-slide-active + div + div + div + div{padding-top: .8rem;} .History .list .swiper-slide-active + div + div + div + div + div{padding-top: .3rem;} .History .list .swiper-slide-active + div + div + div + div + div + div{padding-top: .05rem;} } .Floor003239{background:url(../images/History_bg.jpg);background-repeat: no-repeat;background-position: center;background-size:cover;position:relative;z-index:5; padding:var(--padMar100) 0;} .Floor003239 .columntitle{margin-bottom: .3rem;} .Floor003239 .swiper-wrapper{height: auto;} .Floor003239 .hisbox{padding:0 0.8rem;position:relative;z-index: 3;} .Floor003239 .hisbox .swiper-slide{height:auto;} .Floor003239 .hisbox .controls a{position:absolute;margin:0;margin-top:-0.35rem;top:50%;box-shadow:0 0 0.27rem rgba(7,130,203,0.08);color:var(--hover-color); width: 0.7rem; height: 0.7rem;border-radius: 50%;display: flex;align-items: center;justify-content: center; background-color:#fff;cursor: pointer;} .Floor003239 .hisbox .controls a:before{position: absolute; left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;content: ''; opacity: 0;background: linear-gradient(56deg, #0075c9 0%, #00acd2 100%);transition: 0.4s;z-index: 1;} .Floor003239 .hisbox .controls a:hover:before{opacity: 1;} .Floor003239 .hisbox .controls a::after{width: 0.2rem; height: 0.12rem;background:no-repeat center center;background-size: contain;display: block;content: '';position: relative;z-index: 3;} .Floor003239 .hisbox .controls a.prev{left:0;} .Floor003239 .hisbox .controls a.prev::after{background-image: url(../images/Floor003239-prev.svg);} .Floor003239 .hisbox .controls a.next{right:0;} .Floor003239 .hisbox .controls a.next:after{background-image: url(../images/Floor003239-next.svg);} .Floor003239 .hisbox .controls a.prev:hover:after{background-image: url(../images/Floor003239-prev-on.svg);} .Floor003239 .hisbox .controls a.next:hover:after{background-image: url(../images/Floor003239-next-on.svg);} .Floor003239 .hisbox .item{padding:.3rem .5rem 0 .5rem;min-height:100%;} .Floor003239 .hisbox .item .img{height: 3.68rem; padding:0.3rem; background:#fff;border-radius:0.2rem;box-shadow:0 0 0.27rem rgba(7,130,203,0.08);justify-content:center;align-items:center;display: flex;} .Floor003239 .hisbox .item .img img{max-height: 80%;max-width: 80%;} .Floor003239 .hisbox .item .txt{overflow:hidden;color:#7e8b9a;line-height:calc(30 / 18 * 1em);} .Floor003239 .hisbox .item li{margin-bottom:1.7em;position:relative;padding-left:0.2rem; display: flex;} .Floor003239 .hisbox .item li:before{content:"";position:absolute;left:0;top:0.83em;width:0.05rem;height:0.05rem;border-radius:50%;background:var(--hover-color);margin-top:-2px;} .Floor003239 .hisbox .item li .blue{color:var(--hover-color); font-size: .18rem; flex-shrink: 0; font-weight: bold;} .Floor003239 .hisbox .item li .info p{margin: 0; line-height: 1.4; margin-bottom: .06rem;} .Floor003239 .hisbox .item .year{line-height:1;font-size:calc(86 / 1920 * 100vw);background:linear-gradient(0deg,#eaf7ff,var(--hover-color));-webkit-background-clip:text;color:transparent;opacity:0.1;margin: 0; } .Floor003239 .hisThumb{ background:url(../images/Floor003239-line.png) no-repeat center top;background-size:auto 1.88rem; margin-top:0;} .Floor003239 .hisThumb .swiper-slide{height:2.4rem;cursor:pointer;text-align:center;} .Floor003239 .hisThumb .i{display:inline-block;position:relative;padding-top:0.9rem;color:#666;line-height:1;transition:1s;padding-bottom:1em;} .Floor003239 .hisThumb .i .ico{font-size:var(--font-size65);width:1em;height:1em;border-radius:50%;background:#fff;position:absolute;left:50%;margin-left:-0.5em;top:0;border: dashed 1px #a8b1bc;display: flex;align-items: center;justify-content: center;} .Floor003239 .hisThumb .i .ico:after{content:"";width:0.1rem;height:0.1rem;background:#a8b1bc;border-radius:50%;display: block;} .Floor003239 .hisThumb .i p{transform:scale(1);transition:.3s;margin: 0; font-size: var(--font-size28);font-weight: 500;} .Floor003239 .hisThumb .cur .i p{color:var(--hover-color);transform:scale(1.3);} .Floor003239 .hisThumb .cur .i .ico{border-color:var(--hover-color);} .Floor003239 .hisThumb .cur .i .ico:after{background:var(--hover-color);} @media (min-width:1025px) { .Floor003239 .hisbox .item .img{flex:0 0 auto;width:calc(552 / 1216 * 100%);} .Floor003239 .hisbox .item .txt{padding-left:0;flex:1 1 auto;} .Floor003239 .hisThumb .i{top:calc(100 / 260 * 100%);} .Floor003239 .hisThumb .swiper-slide-active .i{top: calc(80 / 260 * 100%);} .Floor003239 .hisThumb .swiper-slide-next .i{top:calc(23 / 260 * 100%);} .Floor003239 .hisThumb .swiper-slide-next+.swiper-slide .i{top:calc(89 / 260 * 100%);} } @media (max-width:1024px) { .Floor003239 .hisbox .item{padding: 0 0.2rem;} .Floor003239 .hisbox .item .year{font-size: var(--font-size70);} .Floor003239 .hisbox .item .txt{display: flex;flex-direction: column-reverse;align-items: center;} .Floor003239 .hisbox .item .txt .year{margin: 0.2rem 0;} .Floor003239 .hisbox .item li{margin-bottom: 0.16rem;} .Floor003239 .hisThumb{background-size: 100% auto;} .Floor003239 .hisThumb .swiper-slide{height:2.2rem;} .Floor003239 .hisThumb .i{top:calc(25 / 220 * 100%);} .Floor003239 .hisThumb .swiper-slide-active .i{top: calc(29 / 220 * 100%);} .Floor003239 .hisThumb .swiper-slide-next .i{top:calc(6 / 220 * 100%);} .Floor003239 .hisThumb .i .ico{width: 0.7em;height: 0.7em;margin-left: -0.35em;} .Floor003239 .hisThumb .i p{font-size: var(--font-size24);} } @media (max-width:640px) { .Floor003239 .hisbox{padding: 0 0.3rem;} .Floor003239 .hisbox .controls a{width: 0.4rem; height: 0.4rem;} .Floor003239 .hisbox .item .img{height: 60vw;padding: 0.2rem;} .Floor003239 .hisbox .item .year{font-size: var(--font-size45);} .Floor003239 .hisThumb{background-size: auto 1rem;} .Floor003239 .hisThumb .swiper-slide{height: 1.8rem;} .Floor003239 .hisThumb .i .ico{width: 0.5em;height: 0.5em; margin-left: -0.25em;} .Floor003239 .hisThumb .i p{font-size: var(--font-size18);} .Floor003239 .hisThumb .i{padding-top: 0.6rem;top:calc(69 / 220 * 100%);} .Floor003239 .hisThumb .swiper-slide-active .i{top: calc(17 / 220 * 100%);} .Floor003239 .hisThumb .swiper-slide-next .i{top:calc(31 / 220 * 100%);} } .Prolist{padding:var(--padMar100) 0;} .Prolist li{border: solid 1px #f2f2f2; border-radius: var(--radius);} .Prolist li:not(:last-child){margin-bottom:.4rem;} .Prolist li .flex{display: flex;align-items: center; } .Prolist li .img{ text-align: center; overflow: hidden;} .Prolist li .img img{border-radius: var(--radius) 0 0 var(--radius);transition:.3s;} .Prolist li:hover .img img{transform:scale(1.08);transition:.3s;} .Prolist li .tit{font-size:.28rem;color: #333333; margin-bottom: .25rem;} .Prolist li p{margin:2em 0 2.8571em 0;font-size:.16rem;color: #666;line-height:2;} .Prolist li .more{display: block;width:.45rem;height:.45rem;border-radius: 50%; border: 1px solid var(--hover-color);background: url(../images/Floor003239-next.svg) no-repeat center; background-size: .14rem auto; transition: 0.3s;} .Prolist li a:hover .tit{color: var(--hover-color);} .Prolist li a:hover .more{border-color: var(--hover-color);background-color: var(--hover-color); background-image: url(../images/Floor003239-next-on.svg);} @media (min-width:1025px) { .Prolist li .img{border-right: 1px solid #ececec;flex: 0 0 40%;} .Prolist li .txt{flex: 1 1 60%;} .Prolist li .inner{width:85%; margin: 0 auto;} } @media (max-width:1024px) { .Prolist li{padding: 2em;} .Prolist li .img{padding-bottom: 2em;} } .CateInfo{padding: var(--padMar100) 0 0 0;} .Energy_intro{padding: 0 0 var(--padMar100) 0;} .Energy_intro .info p{line-height:2; font-size: .18rem; color: #333} .Energy_intro .info .title{font-size:.34rem;color: #111;line-height:1.2; text-align: center;} .Energy_intro .info .title:after{display: block;content: '';width: .4rem; height: .04rem; background-color:var(--hover-color); margin: .18rem auto .3rem auto; border-radius: .1rem;} .Energy_intro .pic{} .Energy_intro table {width:100%;border-collapse: collapse;border:1px solid #333;} .Energy_intro td {border:1px solid #333;width: 50%;text-align: center;vertical-align: middle;font-size:.18rem;padding: .15rem 0; } .RighInfo002810{ padding:var(--padMar100) 0;} .RighInfo002810 .box+.box{margin-top:var(--padMar80);} .RighInfo002810 .box:nth-child(even) .column-more{text-align: left;} .RighInfo002810 .flex .tit{ font-size:var(--font-size32);color:#333; line-height: 1.5; } .RighInfo002810 .box:hover .flex .tit{color: var(--hover-color);} .RighInfo002810 .flex .more{display: block;width:.45rem;height:.45rem;border-radius: 50%; border: 1px solid var(--hover-color);background: url(../images/Floor003239-next.svg) no-repeat center; background-size: .14rem auto; transition: 0.3s;} .RighInfo002810 .box:hover .more{border-color: var(--hover-color);background-color: var(--hover-color); background-image: url(../images/Floor003239-next-on.svg);} .RighInfo002810 .flex .txt{ color:#666; line-height:2; margin:2em 0 4em; font-size: var(--font-size16);} .RighInfo002810 .num{position: relative; font-size:var(--font-size40);font-weight:bold; color:var(--hover-color);margin-bottom:1.5em;} .RighInfo002810 .num:after{display: block; content: ''; background:var(--hover-color); position: absolute; width:96%; height: 1px; top: 50%; margin-top:-0.5px; right: 0;} .RighInfo002810 .flex .pic .Ispic{display:block; width: 100%; padding-bottom:63%;} .RighInfo002810 .flex p b{color: var(--hover-color); font-size: var(--font-size18);} .RighInfo002810 .flex .img{display: block; margin:0 auto; max-width: .54rem;} .RighInfo002810 .title{font-size:var(--font-size22); font-weight: bold; color: var(--hover-color); line-height:.18rem; border-left:16px solid var(--hover-color); padding-left:.15rem; margin-bottom: .3rem;} .RighInfo002810 .slick-arrow{position: absolute;border: 0;font-size: 1em;text-indent: -999em;width: 2.5em; height: 2.5em;border-radius: 50%; top: 50%;margin-top: -1.25em;z-index: 10;} .RighInfo002810 .slick-arrow:hover:before{width:50%; height:50%;border-top: 3px solid var(--hover-color);border-right: 3px solid var(--hover-color); } .RighInfo002810 .slick-prev{left:-.35rem;} .RighInfo002810 .slick-next{right: -.1rem;} .RighInfo002810 .slick-arrow:before{position: absolute;content: ''; width:50%; height:50%;border-top: 3px solid #999;border-right: 3px solid #999; transform: rotate(45deg); top:0;left: 30%;} .RighInfo002810 .slick-prev:before{transform: rotate(-135deg);} @media(min-width:1025px){ .RighInfo002810 .flex{display: flex;align-items:center;justify-content:space-between;} .RighInfo002810 .flex .pic{width:52%; padding-top:.2rem; padding-left:.2rem; position: relative; z-index: 2; margin-bottom: 0;} .RighInfo002810 .flex .pic:after{display: block;content: '';width:90%; height:90%;background:var(--hover-color); position: absolute; left: 0; top: 0; z-index: -1; opacity: 0.1; } .RighInfo002810 .flex .info{padding-left:5vw; width: 50%;} .RighInfo002810 .box:nth-child(2n) .flex .pic{ padding-left:0; padding-right:.2rem; order: 2;} .RighInfo002810 .box:nth-child(2n) .flex .pic:after{left:auto;right: 0; } .RighInfo002810 .box:nth-child(2n) .flex .info{padding-left:0; padding-right:6vw;} .RighInfo002810 .box:nth-child(2n) .num{text-align: right;} .RighInfo002810 .box:nth-child(2n) .num:after{right: auto; left: 0;} .RighInfo002810 .box:nth-child(2n) .flex .img{ } } @media (max-width:1024px) { .RighInfo002810 .flex .pic { margin-bottom: 0.2rem;} .RighInfo002810 .flex .tit{font-size: var(--font-size24); } .RighInfo002810 .flex .txt{margin: 0.12rem 0 0.2rem;} .RighInfo002810 .num{margin-bottom: 0.2rem;} .RighInfo002810 .num:after{width: 86%;} } .RighInfo002814{padding:var(--padMar100) 0;} .RighInfo002814 p{font-size: var(--font-size18); color: #333; line-height:2;} .RighInfo002814 p.linian{padding: 0;} .RighInfo002814 .title{border-top:3px solid #f8f8f8; margin:1rem 0 .4rem .1rem;position: relative; z-index: 4;} .RighInfo002814 .title-nt{margin-top: 0;} .RighInfo002814 .title aside{display: table; margin-top:-.24rem; padding-right:.2rem; background:#fff;} .RighInfo002814 .title span{display: table;line-height:.44rem; border-radius:.3rem; padding:0 1em; background: #f1f1f1;font-size:var(--font-size22);color:#333;} .RighInfo002814 .title span i{font-style: normal;float: left;padding: 0 1em; margin-left:-.32rem; margin-top:-.08rem;color:#fff;border-radius:.3rem; background: var(--hover-color); margin-right:.1rem;} .RighInfo002814 .intro{position: relative; z-index: 1; } .RighInfo002814 .intro .title{margin-bottom: 0; margin-top:.3rem; margin-left: 0;} .RighInfo002814 .intro .title aside{padding: 0 .4rem; margin-left: auto; margin-right: auto;} .RighInfo002814 .intro .main{border-left:3px solid #f8f8f8;border-right:3px solid #f8f8f8;padding:.6rem; margin-top:-.24rem;line-height: 1.75;} .RighInfo002814 .intro .main b{color: var(--hover-color);} .RighInfo002814 .subtit{text-align: center; color: var(--hover-color); font-size:var(--font-size30); margin:.2rem 0; font-weight: bold;} .RighInfo002814 .info .subtit{text-align: left;} .RighInfo002814 .pic img{border-radius: .15rem;} .RighInfo002814 .dl1 dd{padding:.6rem 3em .4rem; text-align: center; border:3px dashed var(--hover-color); border-radius:.3rem; position:relative; margin-top:.3rem;} .RighInfo002814 .dl1 .num{font-size:var(--font-size24); width:.6rem; line-height:.6rem; color:#fff; background:var(--hover-color); border-radius: 50%; position: absolute; left: 50%; top:0; transform: translate(-50%,-50%); font-weight: bold;} .RighInfo002814 .dl1 .t1{font-size:var(--font-size20); color:#333; line-height: 1.75;} @media(min-width:1025px){ .RighInfo002814 .flex{display: flex; justify-content: space-between; align-items: center;} .RighInfo002814 .info{width:60%; padding-right:6vw;} .RighInfo002814 .pic{width:46%;} .RighInfo002814 .dl1 dd{width: 31.3%; margin-right: 3%;} .RighInfo002814 .dl1 dd:nth-child(3n){ margin-right:0;} } @media (max-width:1024px) { .RighInfo002814 .title span{font-size: var(--font-size20);} .RighInfo002814 .subtit{font-size: var(--font-size26);} .RighInfo002814 .intro .main{padding: .24rem;} } /*Floor003220 */ .Floor003220{padding: var(--padMar100) 0; overflow: hidden; background: #f6fbff;} .Floor003220 .title{font-size: .36rem;color: #000;margin-bottom: .5rem;font-weight: bold; text-align: center;} .Floor003220 .swiper{overflow: hidden;} .Floor003220 .swiper-wrapper{height: auto;} .Floor003220 .swiper-slide {padding-top: 0.24rem} .Floor003220 .swiper-slide a{display: block;background-color: #fff;padding: 0 .3rem .4rem;border-radius:var(--radius);} .Floor003220 .pic{overflow: hidden;border-radius:var(--radius);position: relative;top: -0.24rem;} .Floor003220 .pic .imgbox{padding-top: 65.075%;overflow: hidden; transition: 0.3s;} .Floor003220 .swiper-slide a:hover .imgbox img{transform: scale(1.1);} .Floor003220 .swiper-slide .txt{margin-top: 0.1rem;} .Floor003220 .swiper-slide .tit{font-size:var(--font-size24); margin-bottom: 0.12rem; color:#333; line-height: 1.4;} .Floor003220 .swiper-slide .desc{color:#666; line-height:1.75;} .Floor003220 .swiper-slide a:hover .tit{color: var(--hover-color); } .Floor003220 .controls{display: flex;align-items: center; justify-content: space-between; margin-top: var(--padMar50); } .Floor003220 .controls .pages{display: block; width: calc(100% - 1.5rem);flex: 1;height:.04rem;background-color: rgba(var(--rgb-black), 0.1);border-radius: .02rem; position: relative;} .Floor003220 .controls .pages span{height:.04rem;top:0;background-color: var(--hover-color);border-radius:.04rem;} .Floor003220 .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.5rem;} .Floor003220 .controls .arrows a{display: block;width: 0.5rem; height: 0.5rem;border-radius: 50%;border: solid 1px var(--hover-color); cursor: pointer; transition: 0.3s; background-color: var(--white); position: relative; } .Floor003220 .controls .arrows a:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;} .Floor003220 .controls .arrows a + a{margin-left: 0.2rem;} .Floor003220 .controls .arrows a.prev{left: auto; } .Floor003220 .controls .arrows a.next{right: auto;} .Floor003220 .controls .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Floor003220 .controls .arrows a:hover{background-color: var(--hover-color); border-color: var(--hover-color);} .Floor003220 .controls .arrows a:hover:before{ border-color: #fff;} @media (min-width:1025px) { } @media (max-width:1024px) { .Floor003220 .title{font-size: .32rem;margin-bottom: .3rem;} } .Caselist{padding: var(--padMar100) 0;} .Caselist li { margin-bottom: 3% ; border-bottom: 1px solid #eee; padding-bottom: 0.3rem; margin-bottom: 0.3rem; position: relative; z-index: 2; } .Caselist li:after {content: "";position: absolute; width: 0; height: 1px; background: #eee;left: 0;bottom: 0;transition: all .5s;} .Caselist li:hover:after{background: var(--hover-color);width: 100%;height: 2px;} .Caselist li .pic{overflow: hidden; } .Caselist li .pic .imgbox{padding-top:65.075%;transition: 0.3s; border-radius: var(--radius);} .Caselist li a:hover .imgbox img{transform: scale(1.1);} .Caselist li .txt{ overflow: hidden;} .Caselist li .type{ display: inline-block; font-size: var(--font-size14);color: var(--hover-color);background: rgba(var(--rgb-hover), 0.08);padding: 0.05rem 0.15rem;border-radius: 0.5rem; margin-bottom: 0.16rem;} .Caselist li .txt .tit{font-size:var(--font-size24);color:var(--grey);margin-bottom:0.12rem; line-height: 1.5;} .Caselist li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:#999; } .Caselist li .txt .more{width: 0.4rem; height: 0.4rem; border: solid 0.01rem var(--hover-color); border-radius: 50%; position: relative;transition: 0.3s; margin-top: 0.2rem;} .Caselist li .txt .more:before{content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/more.svg) no-repeat center center;background-size: 0.12rem auto;transform: rotate(-45deg); transition: 0.3s;} .Caselist li a:hover .txt .tit{color:var(--hover-color);} .Caselist li a:hover .txt .more{background: var(--hover-color); border-color: var(--hover-color);} .Caselist li a:hover .txt .more:before{filter: grayscale(100%) brightness(1000%);background-image: url(../images/more-w.svg) ;transform: rotate(0deg); } @media (min-width:1025px) { .Caselist li a{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;border-radius: var(--radius); overflow: hidden;} .Caselist li .pic{ width: 25%;} .Caselist li .txt{ width: 72%;} } @media(max-width:1024px){ .Caselist li a{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;border-radius: var(--radius); overflow: hidden;} .Caselist li .pic{ width: 36%;} .Caselist li .txt{ width: 61%;} .Caselist li .txt .tit{font-size:var(--font-size22);} } @media(max-width:640px){ .Caselist li a{ display: block;} .Caselist li .pic{ width: 100%;margin-bottom: 0.2rem;} .Caselist li .txt{ width: 100%;} .Caselist li{width: 100%;margin-right: 0;} } .CaseInfo{padding: var(--padMar100) 0;} .CaseInfo .intro{ margin-bottom: 0.5rem;} .CaseInfo .slider-big{ margin-bottom:0.2rem;} .CaseInfo .slider-big{ } .CaseInfo .slider-big li .imgbox{ padding-top:65.075%;transition: 0.3s; border-radius: var(--radius);} .CaseInfo .slider-list{ padding:0 0.4rem; position:relative;} .CaseInfo .slider-list li .imgbox{padding-top:60.5%; margin:0 auto; max-width:90%; border:0.02rem solid #eee;cursor: pointer;border-radius: var(--radius);} /* .CaseInfo .slider-list li .imgbox img{ object-fit: contain;} */ .CaseInfo .slider-list li.slick-current .imgbox{ border-color:var(--hover-color);} .CaseInfo .slick-arrow{position:absolute;width:0.45rem;height:0.45rem; background: var(--white); border-radius: 50%; top:50%;overflow:hidden;font-size: 0;cursor: pointer;z-index:10;padding: 0; transform: translateY(-50%);} .CaseInfo .slick-prev{ left:0.1rem;} .CaseInfo .slick-next{ right:0.1rem;} .CaseInfo .slick-arrow:hover{ border-color: var(--hover-color);} .CaseInfo .slick-disabled{ cursor:default; } .CaseInfo .slick-disabled:hover{ border-color: #ddd;} .CaseInfo .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;} .CaseInfo .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .CaseInfo .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);} .CaseInfo .slick-arrow:hover:before{ border-color: #fff;} .CaseInfo .slick-dots{position: absolute;left: 50%;transform: translateX(-50%);z-index: 10; bottom: 5%;} .CaseInfo .slick-dots li{margin:0 .05rem !important;width:0.3rem;height:0.05rem;background:var(--white); opacity:1;display: inline-block;border-radius: 0.5rem;} .CaseInfo .slick-dots li.slick-active{background:var(--hover-color); } .CaseInfo .slick-dots li button{display: none;} .CaseInfo .title {font-size: var(--font-size30); font-weight: 500; color: var(--black); padding-bottom: 0.2rem; border-bottom: 1px solid #eee; margin-bottom: 0.3rem; } .CaseInfo .right_info .txt{ line-height:1.875; color:var(--grey2);font-size:var(--font-size16);} .CaseInfo .right_info .txt h3{ font-size:var(--font-size20); font-weight:normal;color:var(--black);margin: 0; position: relative;margin-bottom:.12rem; line-height: 1.2;} .CaseInfo .right_info .txt h3::after {position: absolute;content: '';background-image: linear-gradient(90deg, rgba(var(--rgb-hover), 0.5) 0%, #ffffff 100%);width: 1.2rem;height: .06rem;position: absolute;bottom: 0;left: 0;z-index: -1;} .CaseInfo .right_info .txt p + h3{margin-top: 0.1rem;} .CaseInfo .right_info .txt p{position: relative;padding-left: 0.15rem; margin: 0.1rem 0;} .CaseInfo .right_info .txt p:before{position: absolute; content: ''; width: 0.05rem; height: 0.05rem; border-radius: 0.05rem;background: var(--hover-color); left: 0; top: 0.12rem;} .CaseInfo .Proj_intro .name {font-size:var(--font-size26);color:var(--black); font-weight: 500; position: relative; line-height: 1; margin-bottom: 0.3rem; border-bottom: 1px solid #eee; padding-bottom: 0.16rem; } .CaseInfo .Proj_intro .SinglePage {line-height: 2; color: #333;margin: 0; } @media (min-width:1025px) { .CaseInfo .flex{display: flex; justify-content: space-between; } .CaseInfo .list_img{width: 47%;} .CaseInfo .right_info{width: 48%; } } @media(max-width:1024px){ .CaseInfo .title{font-size: var(--font-size26);} } .RecCase{padding: var(--padMar100) 0; background: #f6fbff;} .RecCase .slick-track{ display: flex;} .RecCase .slider{margin: 0 -0.12rem;} .RecCase .slider li{margin: 0 0.12rem; } .RecCase li{ float: left; margin-right:2%;margin-bottom:2%;transition: all .5s;overflow: hidden; background: #fff; border-radius: var(--radius);border: 0.01rem solid #e5e7eb; } .RecCase li a{display: block;position: relative;} .RecCase li .pic{} .RecCase li .pic .imgbox{padding-top:65.075%;transition: 0.3s; } .RecCase li a:hover .imgbox img{transform: scale(1.1);} .RecCase li .txt{padding:0.24rem;} .RecCase li .txt .tit{font-size:var(--font-size20);color:var(--black);line-height: 1.2; font-weight: 500; margin-bottom: 0.1rem;} .RecCase li .txt .desc{font-size:var(--font-size16);color:var(--grey2);line-height: 1.8; } .RecCase li a:hover .txt .tit{color:var(--hover-color);} .RecCase .slick-arrow{width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; z-index: 22;/* border:1px solid var(--hover-color); */ background: var(--white); box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.08); position: static;top: 50%; padding: 0;right: 0;text-indent: -9999em;transition: 0.5s; transform: translate(0, -50%);position: absolute;} .RecCase .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;} .RecCase .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .RecCase .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);} .RecCase .slick-arrow:hover:before{ border-color: #fff;} .RecCase .slick-prev{left:0.1rem;} .RecCase .slick-next{right:0.1rem;} @media(min-width:1025px){ .RecCase .slick-prev{left:-0.6rem;} .RecCase .slick-next{right:-0.6rem;} } .Newlist{padding: var(--padMar100) 0;} .Newlist ul{ display: flex; flex-wrap: wrap;} .Newlist li { float: left; margin-bottom: 3% ; margin-right:3%; border-bottom: 1px solid #eee; padding-bottom: 0.24rem; position: relative; z-index: 2; } .Newlist li:after {content: "";position: absolute; width: 0; height: 1px; background: #eee;left: 0;bottom: 0;transition: all .5s;} .Newlist li:hover:after{background: var(--hover-color);width: 100%;height: 2px;} .Newlist li .pic{overflow: hidden; margin-bottom: 0.2rem;} .Newlist li .pic .imgbox{padding-top:65.075%;transition: 0.3s; border-radius: var(--radius);} .Newlist li a:hover .imgbox img{transform: scale(1.1);} .Newlist li time{ display: block; font-size: var(--font-size16);color:#999; font-weight: lighter;padding-left: 0.24rem; background: url(../images/icon-time.svg) no-repeat left center; background-size: 0.16rem auto;} .Newlist li .txt{ overflow: hidden;} .Newlist li .txt .tit{font-size:var(--font-size20);color:var(--grey);margin-bottom:0.12rem; line-height: 1.6;} .Newlist li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:#999; } .Newlist li .txt .date{display: flex;justify-content: space-between;margin-top: 0.24rem;align-items: center;} .Newlist li .txt .more{width: 0.4rem; height: 0.4rem; border: solid 0.01rem var(--hover-color); border-radius: 50%; position: relative;transition: 0.3s;} .Newlist li .txt .more:before{content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/more.svg) no-repeat center center;background-size: 0.12rem auto;transform: rotate(-45deg); transition: 0.3s;} .Newlist li a:hover .txt .tit{color:var(--hover-color);} .Newlist li a:hover .txt .more{background: var(--hover-color); border-color: var(--hover-color);} .Newlist li a:hover .txt .more:before{filter: grayscale(100%) brightness(1000%);background-image: url(../images/more-w.svg) ;transform: rotate(0deg); } @media (min-width:1025px) { .Newlist li{width: 31.33%;} .Newlist li:nth-child(3n){margin-right: 0;} } @media(max-width:1024px){ .Newlist li{width: 48.5%;} .Newlist li:nth-child(2n){margin-right: 0;} } @media(max-width:640px){ .Newlist li{width: 100%;margin-right: 0;} } .News_detail {padding: var(--padMar100) 0; } .News_detail .news_info {} .News_detail .news_info .title { text-align: center; padding-bottom: 0.2rem; border-bottom: 1px solid #eee; margin-bottom: 0.3rem; } .News_detail .news_info .title h1 { margin: 0; padding-bottom: 0.15rem; font-size: var(--font-size30); font-weight: 500; color: var(--black); } .News_detail .news_info .title time {display: inline-block;color: #999; font-size: var(--font-size16);padding-left: 0.3rem;background: url(../images/icon-time.svg) no-repeat left center;background-size: auto 0.18rem;line-height: 1.6} .News_detail .news_info img {margin: 1% auto; /* margin: 2% auto; max-width: 50%; */ text-align: center } .News_detail .info { line-height: 1.875; color: var(--grey); font-size: var(--font-size18); } .News_detail .info p{margin:0.1rem 0;} .News_detail .bot { position: relative; margin-top: 0.4rem; padding-top: 0.32rem; border-top: 1px dashed #eee } .News_detail .info_back { text-align: center; clear: both; position: absolute; right: 0; bottom: 0 } .News_detail .info_back a { position: relative; color: #fff; display: block; width: 1.7rem; line-height: 0.52rem; border-radius: 0.5rem; background: var(--hover-color); } .News_detail .info_back a:hover { background: var(--hover-color2); } .News_detail .info_back a:before{display: inline-block; vertical-align: top;content: '';background-image: url(../images/icon-back.svg);background-size: contain;background-position: center; background-repeat: no-repeat; width: 0.24rem;height: 0.52rem;margin-right: 0.1rem;} .News_detail .info_pn span { display: block; margin: 1% 0; } .News_detail .info_pn span a { color: var(--grey3); } .News_detail .info_pn span a:hover { color: var(--hover-color); } @media(max-width:1024px) { .News_detail .bot{margin-top: 0.3rem;padding-top: 0.3rem;} .News_detail .info_back { position: relative; margin-bottom: 0.16rem;} .News_detail .news_info .title h1 { font-size: 0.28rem; } .News_detail .info_back a{ text-align: center; display: table;margin: 0 auto; } .News_detail .info_pn span { margin: 2% 0; } .News_detail .info img{width: 100% !important; height: 100% !important;} } .SingleInfo{padding:var(--padMar100) 0;} .SingleInfo .edit_info{line-height:2; color: #333;} .SingleInfo li{ margin-bottom: 1%;} .Sitemap{ padding:var(--padMar100) 0;} .Sitemap li{ padding: 0.2rem 0; border-bottom: solid 1px #eee} .Sitemap li span{display: block;font-size: var(--font-size20); color: var(--black); font-weight: 500; margin-bottom: 0.12rem;} .Sitemap .sub a{padding-right:0.2rem;font-size: var(--font-size16);margin-bottom: 0.1rem; color: #333; } .Sitemap .sub a:hover{color: var(--hover-color);}