@font-face { font-family: 'iconfont'; /* Project id 5115136 */ src: url('//at.alicdn.com/t/c/font_5115136_w24nxgpmeg.woff2?t=1770704324194') format('woff2'), url('//at.alicdn.com/t/c/font_5115136_w24nxgpmeg.woff?t=1770704324194') format('woff'), url('//at.alicdn.com/t/c/font_5115136_w24nxgpmeg.ttf?t=1770704324194') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @charset "utf-8"; /* CSS Document */ html{overflow-x:hidden;} body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#000;} p,h1,h2,h3,h4,h5,h6{padding:0;margin:0;} h6{font-size:14px;} ul,ol,li{list-style:none;margin:0;padding:0px;} a{color:#000;text-decoration:none;} img{border:none;} .f_l{float:left;} .f_r{float:right;} .clear{clear:both;} input,button{ border:none;} input,button {outline:none;} *{ margin:0; padding:0; } .clearfix {zoom: 1;} .clearfix:before, .clearfix:after {content: "";display: block;height: 0;clear: both;overflow: hidden;} *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container{width:1200px;margin:0 auto;height:auto;display:block;} .container1{width:1420px;margin:0 auto;height:auto;display:block;} /*头部*/ .top{display:block; width:100%; background:#185DC2; padding:20px 0;} .top .toper{display: flex;justify-content: space-between;} .top .toper .top1 a{color: #fff; cursor: pointer;} .ssnr{display: none; position:fixed; left:38%; width:30%; background:#fff; z-index:9999; padding:20px;} .ssnr span{text-align: right;font-size: 24px; display:block;} .ssnr h1{display: block; font-size: 30px; text-align: center; line-height: 40px;} .ssnr input{display: block; border: solid 1px #cdcdcd; line-height:50px; width:85%;margin:20px auto; text-indent:30px;} .ssnr .message-items button{display: block; height: 48px;line-height: 48px;width: 228px;border-radius: 4px; font-size: 16px;font-family: Arial;font-weight: 700;line-height: 30px;color: #fff;text-align: left; text-indent: 40px;margin: 0 auto;display: block;cursor: pointer; background:#185DC2} .top .top2{ color: #fff; display:flex;font-size:14px;} .top .top2 a{color: #fff; font-size:14px;} .top .top2 .item{display: flex; padding:0px 15px;} .top .top2 .item i{ padding-right:10px;} .top .top2 .item i img{vertical-align: bottom;} .top .top2 .item1{position: relative;} .top .top2 .item a{padding-left:5px;} .top .top2 .item ul{ position: absolute; top: 36px; background: #f5f5f5; line-height:35px; z-index:999; width:140px; display:none;} .top .top2 .item ul li{display: block; border-bottom: solid 1px #cdcdcd; padding:5px 20px; cursor:pointer;} .top .top2 .item ul li a{color: #333; font-size: 14px; display:block; padding:0} .top .top2 a:hover{color:#fff;} .top .top2 .item ul li:hover{background:#185DC2} .top .top2 .item ul li:hover a{color:#fff;} .top .top2 p:hover{color:#fff;} /*首页头部*/ .header{display:block; width:100%; border-top: solid 5px #185DC2; } .header1{border:none;} .header .logo{display:block; float:left; padding:22px 0px;} .header .nav{display:block; float:right; padding:40px 0px 20px;} .header .nav ul li{display:block; float:left; position:relative} .header .nav ul li h3{display:block; font-weight:normal; padding:0px 20px;} .header .nav ul li h3 a{display:block;font-size: 16px; font-family: Arial;font-weight: bold;line-height: 18px;color: #333333; padding-bottom:16px} .header .nav ul li h3 a:hover{color: #185DC2; border-bottom:solid 5px #185DC2;} .header .nav ul li:nth-child(9) h3 a:hover{border:none;} .header .nav ul li.on h3 a{color: #185DC2; border-bottom:solid 5px #185DC2;} .header .earth{display:block; float:right;height: 54px; background:url(../img/header-earchbg.png) no-repeat; width:280px; text-align:center} .header .earth a{display:inline-block;font-size: 15px; font-family: Arial;font-weight: 400;line-height: 36px;color: #FFFFFF; text-align:center} .header .earth a img{display:inline-block;vertical-align:middle; height:16px; padding-left:5px;} .header .earth a:hover{color:#185DC2;} .sp_header{display: none;} .sjj_nav{display: none;} /*首页轮播图*/ .banner{display:block; width:100%;} .banner .swiper-wrapper .swiper-slide{height: auto !important;height: auto !important; box-shadow: none; transform: none; transition: none; width: 100% !important;} .banner .swiper-wrapper .swiper-slide, { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .banner .swiper-wrapper img{display: block; width: 100%;} .banner .banner-bg{display:block; width:100%; background-size:100% 100% !important; height:800px; position:relative;} .banner .banner-bg .banner-text{display:block; width:100%; position:absolute; top:35%;} .banner .banner-bg .banner-text h2{height: 58px;font-size: 52px; font-family: Arial;font-weight: bold;line-height: 64px;color: #FFFFFF; text-align:center} .banner .banner-bg .banner-text p{height: 27px;font-size: 24px;font-family: Arial; font-weight: 400;line-height: 24px;color: #FFFFFF; text-align:center; margin-top:16px;margin-bottom:40px;} .banner .banner-bg .banner-text a{display:block;width: 220px;height: 48px; background:#185DC2;font-size: 16px;font-family: Arial;font-weight: bold; line-height: 48px; text-align:center; margin:0 auto;color: #FFFFFF;transition: all 0.5s;} .banner .banner-bg .banner-text a i{display:inline-block; font-style:normal; font-family:'宋体'; vertical-align:middle; padding-left:5px;} .banner .banner-bg .banner-text a:hover{padding-left:5px;} .banner .swiper-button-next{background:url(../img/right.png) no-repeat; width:48px; height:48px; right:10%; font-size:0; color: rgba(0,0,0,0)} .banner .swiper-button-prev{background:url(../img/left.png) no-repeat; width:48px; height:48px; left:10%; font-size:0; color: rgba(0,0,0,0)} .banner .swiper-pagination-bullet{width: 10px;height: 10px; background:#CCCCCC; opacity:1; } .banner .swiper-pagination-bullet-active{background:#185DC2 ;} .banner .swiper-pagination{bottom:30px !important} .sjbanner{display:none;} /*首页关于我们*/ .about{display:block; padding:81px 0px 90px;} .about .about-jj{display:block; float:left; width:52%;} .about .about-jj h2{font-size: 40px; font-family: Arial; font-weight: bold; line-height: 45px; color: #333333; padding-bottom:14px; transition: color 0.3s ease;} .about .about-jj h2 b{color:#185DC2; font-family:'Arial-BoldMT'; font-size:34px;} .about .about-jj p{font-size: 16px; font-family: Arial; font-weight: 400; line-height: 25px; color: #333333; width:100%; padding-top:5px; transition: all 0.4s ease;} .about .about-img{display:block; float:right; width:46%;} .about .about-img .tp{display:flex; justify-content: space-between; height:280px; overflow:hidden;} .about .about-img .tp img{display:block; width:48%; min-height:280px; transition: all 0.6s ease; transform: scale(1);} .about .about-img .tp img:hover{transform: scale(1.05) rotateZ(2deg); opacity: 0.95;} .about-gg {display: block;width: 100%;margin-top: 60px;overflow: hidden;} .about-gg ul {margin: 0; padding: 0; list-style: none; display: flex; gap: 20px;} .about-gg ul li {display: flex; align-items: flex-start; width: 33.33%; box-sizing: border-box; transition: all 0.4s ease; padding: 15px; border-radius: 10px;} .about-gg ul li:hover{background-color: #f8f9fc; transform: translateY(-5px); box-shadow: 0 8px 20px rgba(24, 93, 194, 0.08);} .about-gg ul li a {display: flex; align-items: center; width: 100%; margin: 0 auto; box-sizing: border-box; min-height: 228px; text-decoration: none;} .about-gg ul li a .pic {display: flex; align-items: center; justify-content: center; width: 160px; height: 140px; flex-shrink: 0; transition: all 0.8s ease;} .about-gg ul li a .pic img {display: block; width: 160px; height: 140px; transition: all 0.8s ease; object-fit: contain;} .about-gg ul li:hover a .pic img {transform: rotateZ(180deg); filter: brightness(1.1);} .about-gg ul li a .tit {display: block; padding-left: 30px; flex: 1; transition: color 0.3s ease;} .about-gg ul li a .tit h2 {font-size: 24px; font-family: Arial; font-weight: bold; line-height: 50px; color: #333333; margin: 0 0 10px 0; transition: color 0.3s ease;} .about-gg ul li:hover a .tit h2{color: #185DC2;} .about-gg ul li a .tit p {font-size: 16px; font-family: Arial; font-weight: 400; line-height: 24px; color: #666666; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; text-overflow: ellipsis; height: 168px; transition: color 0.3s ease;} .about-gg ul li:hover a .tit p{color: #333;} /*产品中心*/ .product{display:block; width:100%; background:url(../img/industrialbg.webp) no-repeat; background-size:100%} .product .title{display:block; width:100%; padding:60px 0px 50px;} .product .title h2{font-size: 36px;font-family: Arial;font-weight: bold; line-height: 64px;color: #FFFFFF; text-align:center;} .product .title p{font-size: 16px;font-family: Arial;font-weight: 400; line-height: 30px;color: #FFFFFF; text-align:center;} .product .product-list{display:block; width:100%;} .product .product-list ul li{display:block; width:25%; float:left;} .product .product-list ul li a{display:block; width:93%; margin:0 auto; border:solid 1px #EAEAEA; background:#fff;} .product .product-list ul li a .pic{display:block; width:100%; height:244px; overflow:hidden;} .product .product-list ul li a .pic img{display:block; width:100%; min-height:244px;transition: all 1s;} .product .product-list ul li a .tit{display:block; width:100%; padding:30px 10px 20px;} .product .product-list ul li a .tit h2{font-size: 24px;font-family: Arial; font-weight: bold;line-height: 24px;color: #333333; text-align:center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .product .product-list ul li a .tit p{display:block;font-size: 15px;font-family: Arial;font-weight: 400; line-height: 24px;color: #999999; text-align:center; padding:14px 0px 22px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .product .product-list ul li a .tit .sm{display:block; background:#F6F6F6; padding:20px 10px;font-size: 14px; font-family: Arial;font-weight: 400;line-height: 28px;color: #666666; text-align:center} .product .product-list ul li a:hover img{ transform: scale(1.15)} .product .product-list ul li a:hover h2{color:#185DC2;} .product .product-list ul li a:hover .sm{ background:#185DC2; color:#fff;} /*成功案例广告*/ .case-slogan{display:block; background:url(../img/casebg.webp) no-repeat; background-size:cover; margin:60px auto 80px; padding:60px 0px;} .case-slogan h2{display:block;font-size: 40px;font-family: Arial;font-weight: bold; line-height: 64px;color: #FFFFFF; text-align:center} .case-slogan h2 b{ font-family:'Arial-BoldMT'; color:#69E3FE; padding:0px 10px;} .case-slogan a{display:block; text-align:center;font-size: 16px;font-family: Arial; font-weight: 400;color: #CCCCCC;transition: all 0.5s;} .case-slogan a i{display:inline-block; height:12px;padding-left:14px;} .case-slogan a:hover{ padding-left:5px;} /*首页服务*/ .service{display:block; width:100%; background:url(../img/servicebg.webp) no-repeat;background-size:cover; padding:65px 0px 90px;} .service1{background:url(../img/service-1.webp) no-repeat; background-size:cover; } .service1 .title h2{color: #fff !important;} .service .title{ display:block; width:100%;} .service1 .title p{color: #fff !important;} .service .title h2{display:block;font-size: 35px;font-family: Arial;font-weight: bold;line-height: 64px;color: #333333; text-align:center} .service .title p{display:block; width:100%;font-size: 16px;font-family: Arial;font-weight: 400;line-height: 28px;color: #999999; text-align:center} .service .custom-step-wrapper {margin: 40px auto 0;width: 100%;} .service .custom-step-list {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));grid-gap: 22px;justify-items: center;width: 100%;} .service .step-item { background: #ffffff; padding: 35px 20px; border-radius: 8px; position: relative; text-align: center; cursor: pointer; transition: all .3s; border: 1px solid #e0e6f0; width: 100%;max-width: 220px;height: 240px; box-sizing: border-box; } .service .step-item p { font-size: 18px; color: #333; font-weight: bold; } .service .corner-num { position: absolute; top: 0; left: 0; width: 62px; height: 62px; background: rgba(146,168,190,0.9); color: #fff; font-size: 24px; font-weight: 600; display: flex; clip-path: polygon(0 0, 100% 0, 0 100%); justify-content: flex-start; align-items: flex-start; padding: 6px 0 0 12px; line-height: 24px; border-top-left-radius: inherit; } .service .step-item:hover .corner-num, .service .step-item.active:hover .corner-num { opacity: 0; visibility: hidden; } .service .step-item .icon { position: relative; width: 114px; height: 114px; margin: 10px auto 20px; display: flex; align-items: center; justify-content: center; } .service .step-item .icon .circle { position: absolute; width: 114px; height: 114px; border-radius: 50%; border: 4px solid #185DC2; left: 0; top: 0; } .service .step-item .icon img {position: relative;transform: translate(0, 0);width: 64px;height: 64px;object-fit: contain;} .service .step-item:hover, .service .step-item.active:hover {background: #185DC2;color: #fff;} .service .step-item:hover p, .service .step-item.active:hover p {color: #fff;} .service .step-item:hover .circle, .service .step-item.active:hover .circle{border-color: #fff;} .service .step-item:hover img, .service .step-item.active:hover img {filter: brightness(0) invert(1);} .service .step-item.active {background: #ffffff;border-color: #e0e6f0;} .service .step-item.active p {color: #333;} .service .step-item.active .circle {border-color: #185DC2;} .service .step-item.active img {filter: none;} .service .step-item.active .corner-num {background: rgba(146,168,190,0.9);} .service-list1.service-list {width: 100%;padding: 40px 0;margin: 30px auto 0;background: rgba(255,255,255,0.05);} .service-list1.service-list ul {list-style: none;padding: 0 20px;margin: 0;display: flex;flex-wrap: nowrap;justify-content: space-around;align-items: flex-start;width: 100%;max-width: 1200px;margin: 0 auto;} .service-list1.service-list li {flex: 0 0 calc(16.666% - 15px);max-width: calc(16.666% - 15px);text-align: center;padding: 0;margin: 0;box-sizing: border-box;transition: transform 0.3s ease;} .service-list1.service-list li:hover {transform: translateY(-5px);} .service-list1.service-list li a {display: block;width: 100%;text-decoration: none;color: #fff;} .service-list1.service-list .pic {width: 120px;height: 120px;margin: 0 auto 12px;background: rgba(255,255,255,0.1);border-radius: 8px;display: flex;align-items: center;justify-content: center;} .service-list1.service-list .pic img {max-width: 50px;height: auto;display: block;filter: brightness(0) invert(1);} .service-list1.service-list .tit {margin-top: 8px;font-size: 16px;line-height: 1.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;} .service-list1.service-list .clear {display: none;} /*首页新闻*/ .news{display:block; padding:60px 0px 65px;} .news h2{display:block;font-size: 40px;font-family: Arial;font-weight: bold; line-height: 64px;color: #333333; text-align:center} .news ul{margin-top:40px;} .news ul li{display:block; width:25%; float:left;} .news ul li .con{display:block; width:93%; margin:0 auto;} .news ul li .con1{display:block; position:relative;} .news ul li .con1 .pic{display:block; width:100%; height:214px; overflow:hidden;} .news ul li .con1 .pic img{display:block; width:100%; min-height:214px;} .news ul li .con1 .tit{display:block; background:#F6F6F6; padding:30px 24px;} .news ul li .con1 .tit h3 a{display:block;font-size: 16px;font-family: Arial; font-weight: 400;line-height: 28px;color: #333333; height:84px; overflow:hidden} .news ul li .con1 .tit .fl1{display:flex;justify-content: space-between;} .news ul li .con1 .tit .fl1 span{font-size: 14px;font-family: Arial;font-weight: 400; line-height: 20px;color: #999999; margin-top:24px;} .news ul li .con2{position:absolute; top:0; width:100%; background:#185DC2; padding:40px 30px 30px; display:none} .news ul li .con2 h2{display:block;font-size: 16px;font-family: Arial;font-weight: 400; line-height: 20px;color: #FFFFFF;opacity: 0.7; text-align:left} .news ul li .con2 i{display:block; width:100%; height:1px; background:#fff;opacity: 0.2; margin:20px 0px;} .news ul li .con2 h3 a{display:block;font-size: 17px;font-family: Arial;font-weight: 400; line-height: 28px;color: #FFFFFF; height:84px; overflow:hidden} .news ul li .con2 p{font-size: 14px;font-family: Arial;font-weight: 400; line-height: 24px;color: #FFFFFF;opacity: 0.7; margin:24px 0px; height:72px; overflow:hidden} .news ul li .con2 .fl2{display:flex;justify-content: space-between; margin-top:46px;} .news ul li .con2 .fl2 span{font-size: 14px;font-family: Arial;font-weight: 400; line-height: 20px;color: #fff; margin-top:24px;} .news ul li .con2 .fl2 span a{color:#fff;} .news ul li .con:hover .con2{display:block;} /*首页联系方式*/ .contact{display:block; width:100%; background:#185DC2; } .contact ul li{display:block; float:left; width:25%; border-left:solid 1px rgba(255,255,255,0.2);padding:56px 0px;} .contact ul li .conn{display:flex; margin:0 auto;align-items: center;justify-content: center;} .contact ul li .conn .pic{display:block; width:48px;} .contact ul li .conn .pic img{display:block; width:48px;} .contact ul li .conn .tit{ display:block; color:#fff; padding-left:10px;} .contact ul li .conn .tit h2{font-size: 14px;font-family: Arial;font-weight: 400;color: #FFFFFF;} .contact ul li .conn .tit b a{display:block;font-size: 20px;font-family: Arial; font-weight: bold;color: #FFFFFF; margin-top:10px;} .contact ul li .conn .tit em{display:block;font-size: 16px;font-family: Arial;font-weight: bold;color: #FFFFFF; margin-top:10px; font-style:normal} .contact ul li .conn a.at{display:block; width:220px; height:48px; background:#FFFFFF;font-size: 16px;font-family: Arial;font-weight: bold;line-height: 48px;color: #DB2628;text-align:center;} .contact ul li .conn a.at:hover{background:#DB2628; color:#fff;} /*首页底部*/ .footer{display:block;width:100%;background:#171A23;padding:80px 0px;} .footer .items{display:flex;justify-content:space-between;} .footer .items .item{display:block;width:27%;} .footer .items .item h2{display:block;font-size:24px;font-family:Arial;font-weight:bold;line-height:28px;color:#FFFFFF;padding-bottom:10px;} .footer .items .item p{display:block;font-size:14px;font-family:Arial;font-weight:400;line-height:30px;color:#FFFFFF;opacity:0.6;} .footer .items .item p a{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF;} .footer .lj{display:flex;gap:15px;margin-top:20px;} .footer .lj a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:5px;transition:all 0.3s ease;text-decoration:none;background-color:#ffffff;} .footer .lj a .iconfont{font-size:21px;color:#666666;transition:color 0.3s ease;} .footer .lj a:nth-child(2){display:none;} .icon-facebook:before{content:"\e616";} .icon-x:before{content:"\e604";} .icon-linkedin:before{content:"\ea0d";} .icon-youtube:before{content:"\e764";} .footer .lj a:hover{transform:translateY(-3px);opacity:0.9;background-color:#185DC2;} .footer .lj a:hover .iconfont{color:#ffffff;} .footer .items .item ul li a{display:block;font-size:14px;font-family:Arial;font-weight:400;line-height:30px;color:#FFFFFF;opacity:0.6;transition:all 0.3s ease;} .footer .items .item ul li a:hover{color:#185DC2;transform:translateY(-3px);} .footer .items .item .item-1{display:flex;justify-content:space-between;} .footer .items .item .search{display:block;width:100%;height:48px;line-height:48px;background:#272935;border-radius:4px;margin-top:36px;border-bottom-left-radius:4px;border-top-left-radius:4px;} .footer .items .item .search input{display:inline-block;width:70%;height:48px;line-height:48px;background:#272935;border:none;text-indent:20px;border-bottom-left-radius:4px;border-top-left-radius:4px;} .footer .items .item .search button{display:inline-block;width:28.9%;background:#185DC2;height:48px;font-size:14px;font-family:Arial;font-weight:400;line-height:48px;color:#FFFFFF;border-bottom-right-radius:4px;border-top-right-radius:4px;} .footer .items1 .item .search button{display:inline-block;width:28.5%;background:#185DC2;height:48px;font-size:14px;font-family:Arial;font-weight:400;line-height:48px;color:#FFFFFF;} .footer .search input{color:#FFFFFF;outline:none;transition:all 0.3s ease;} .footer .search input::placeholder{color:#FFFFFF;opacity:0.5;} .footer .search input:focus{background:#2F3341;box-shadow:0 0 0 2px rgba(24,93,194,0.3);} .footer .search button{border:none;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;} .footer .search button:hover{background:#144BA0;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2);} .footer .search button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,0.1);} .footer .item p a{text-decoration:none;position:relative;transition:all 0.3s ease;} .footer .item p a:hover{opacity:1;color:#185DC2;} .footer .item p a::after{content:'';position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#185DC2;transition:width 0.3s ease;} .footer .item p a:hover::after{width:100%;} .footer .wx img{transition:all 0.3s ease;cursor:pointer;border-radius:4px;} .footer .wx img:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,0.3);} .footer-logo{display:block;width:100%;background:#000000;padding:32px 0px;} .foot-logo{display:flex;justify-content:space-between;align-items:center;} .foot-logo p{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF;opacity:0.6;} /*侧边栏*/ .r_menu { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 9999; display: block; width: 96px; border-radius: 6px; overflow: visible; box-shadow: none; background: transparent; } .r_menu .iconfont { font-size: 26px; height: 26px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-top: 0; margin-bottom: 6px; color: #666; transition: all 0.3s ease; } .icon-biaodan:before { content: "\e633"; } .icon-guolu:before { content: "\e607"; } .icon-xiangshang:before { content: "\e632"; } .r_menu .menu_top .iconfont { color: #fff; } .r_menu .menu_top .txt { color: #fff; } .r_menu .menu_top {width: 96px;height: 88px;border-radius: 6px;color: #fff;text-align: center;margin-bottom: 10px;background: #185DC2;transition: all 0.3s ease;backdrop-filter: none;box-shadow: 0 2px 5px rgba(15,110,205,0.1);cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: center;} .r_menu .menu_top a { display: block; color: #fff; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .r_menu .menu_top:hover { background: #185DC2; transform: translateY(-1px); box-shadow: 0 3px 8px rgba(15,110,205,0.15); } .r_menu .menu_bott { border-radius: 6px; background: #f5f5f5; opacity: 1; backdrop-filter: none; overflow: visible; transition: all 0.3s ease; font-size: 13px; } .r_menu .menu_bott ul { list-style: none; margin: 0; padding: 0; width: 100%; } .r_menu .menu_bott li {width: 96px;text-align: center;padding: 0;height: 88px;display: flex;flex-direction: column;align-items: center;justify-content: center;border-bottom: 1px solid #e8e8e8;margin: 0;transition: all 0.3s ease;cursor: pointer;position: relative;z-index: 1;border-radius: 0;} .r_menu .menu_bott li:last-child { border-bottom: none; } .r_menu .menu_bott li:hover { background: #f5f7fa; } .r_menu .menu_bott li:hover .iconfont, .r_menu .menu_bott li:hover .txt { color: #185DC2; } .r_menu .menu_bott li.active { background: unset; } .r_menu .menu_bott li.active .iconfont, .r_menu .menu_bott li.active .txt { color: #185DC2; } .r_menu .menu_bott li a { color: inherit; text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .r_menu .txt { font-size: 13px; padding: 0; margin-top: 0; margin-bottom: 0; color: #666; transition: all 0.3s ease; } @keyframes jump-shaking { 0% { transform: translateX(0) rotate(0); } 50% { transform: translateY(-2px) rotate(10deg); } 100% { transform: translateX(0) rotate(0); } } .r_menu .menu_bott li:nth-child(1) .iconfont { animation: jump-shaking 2.8s ease infinite; transform: translateZ(0); } .r_menu .menu_bott li:nth-child(2) .iconfont { animation: jump-shaking 2.8s ease 1.2s infinite; transform: translateZ(0); } /*侧边栏弹出表单*/ .contact-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;justify-content:center;align-items:center;z-index:9999;padding:20px;} .contact-modal{width:850px;max-width:95%;background:#ffffff;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.15);} .contact-modal-header{height:6px;background:linear-gradient(90deg,#185DC2,#2C83FF);} .contact-close{position:absolute;top:20px;right:20px;font-size:20px;color:#999;cursor:pointer;border:none;background:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s;} .contact-close:hover{color:#185DC2;background:#f5f9ff;} .contact-form-wrap{padding:35px 40px 40px;} .contact-form-title{font-size:24px;font-weight:700;color:#2D3748;text-align:center;margin-bottom:12px;} .contact-form-desc{text-align:center;color:#6B7280;line-height:1.6;margin-bottom:35px;font-size:14px;} .contact-field-group{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:22px;} .contact-field-item{flex:1;min-width:220px;} .contact-input,.contact-select{width:100%;padding:14px 16px;border:1px solid #E2E8F0;border-radius:6px;font-size:14px;color:#2D3748;background:#ffffff;transition:border-color 0.2s;} .contact-input::placeholder,.contact-select{color:#94A3B8;} .contact-input:focus,.contact-select:focus{outline:none;border-color:#185DC2;box-shadow:0 0 0 2px rgba(24,93,194,0.1);} .contact-select{appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:40px;} .contact-capacity-section{margin-bottom:22px;} .contact-capacity-title{font-size:15px;font-weight:600;color:#2D3748;margin-bottom:14px;} .contact-capacity-options{display:flex;flex-wrap:wrap;gap:16px;align-items:center;} .contact-capacity-option{display:flex;align-items:center;cursor:pointer;} .contact-capacity-option input[type="radio"]{margin-right:8px;width:16px;height:16px;accent-color:#185DC2;} .contact-capacity-option label{color:#4A5568;font-size:14px;cursor:pointer;} .contact-textarea{width:100%;padding:14px 16px;border:1px solid #E2E8F0;border-radius:6px;font-size:14px;resize:none;min-height:130px;color:#2D3748;margin-bottom:28px;transition:border-color 0.2s;} .contact-textarea::placeholder{color:#94A3B8;} .contact-textarea:focus{outline:none;border-color:#185DC2;box-shadow:0 0 0 2px rgba(24,93,194,0.1);} .contact-submit-btn{width:100%;padding:16px;background:linear-gradient(90deg,#185DC2,#2C83FF);color:white;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:all 0.3s;box-shadow:0 4px 12px rgba(24,93,194,0.2);} .contact-submit-btn:hover{background:linear-gradient(90deg,#144ba0,#2575e6);box-shadow:0 6px 16px rgba(24,93,194,0.25);transform:translateY(-1px);} .contact-submit-btn:active{transform:translateY(0);box-shadow:0 3px 8px rgba(24,93,194,0.2);} /*产品中心*/ .ban{display:block; width:100%; background-size:cover !important; height:440px; position:relative;} .ban .ban1{display:none;} .ban .text{display:block; position:absolute; text-align:center; top:40%; width:100%} .ban .text h2{font-size: 60px;font-family: Arial;font-weight: bold; line-height: 64px;color: #FFFFFF;} .ban .address{display:block; position:absolute; bottom:21px; width:100%;font-size: 13px; font-family: Arial;font-weight: 400;line-height: 16px;color: #EAEAEA;opacity: 0.7;} .ban .address a{display:inline-block;font-size: 13px;font-family: Arial;font-weight: 400; line-height: 16px;color: #EAEAEA;opacity: 0.7; padding:0px 10px;} .ban .address i{display:inline-block; vertical-align:middle; padding-right:5px;} .ban .address a:hover{ color:#fff} .product-center{ display:block; padding:60px 0px 70px;} .product-center1{background:#F6F6F6;} .product-center1 .products ul li .nnn .tit{background:#fff;} .product-center .text{ display:block; text-align:center} .product-center .text h2{display:block;font-size: 36px;font-family: Arial;font-weight: bold;line-height: 64px;color: #222222; height:64px; position:relative; transition: color 0.3s ease;} .product-center .text h2 a{position:absolute; right:0; top:0; font-size: 16px;font-family: Arial;font-weight: 400;line-height: 64px;color: #666666; transition: all 0.3s ease;} .product-center .text h2 a:hover{color:#185DC2; transform: translateX(5px);} .product-center .text p{display:block;font-size: 14px;font-family: Arial;font-weight: 400;line-height: 28px;color: #999999; transition: opacity 0.3s ease;} .product-center .text:hover p{opacity: 0.9;} .product-center .products{display:block; width:100%; margin-top:40px;} .product-center .products ul li{display:block; width:25%; float:left; transition: all 0.4s ease;} .product-center .products ul li:hover{transform: translateY(-5px);} .product-center .products ul li .nnn{display:block; width:93%; margin:0 auto; border:solid 1px #EAEAEA; transition: all 0.4s ease; border-radius: 8px; overflow:hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.02);} .product-center .products ul li:hover .nnn{} .product-center .products ul li .nnn .pic{display:block; width:100%; height:206px; overflow:hidden;} .product-center .products ul li .nnn .pic img{ display:block; width:100%; min-height:206px;transition: all 0.6s ease-out; transform: scale(1);} .product-center .products ul li .nnn .tit{display:block; width:100%; padding:16px;} .product-center .products ul li .nnn .tit h2 a{display:block;font-size: 16px;font-family: Arial;font-weight: 400;line-height: 24px;color: #333333; float:none; height:48px; overflow:hidden; text-align:left; transition: all 0.3s ease;} .product-center .products ul li .nnn .tit .jj{display:block;font-size:14px;font-family: Arial;font-weight: 400;line-height: 24px;color:#999999; background:#F6F6F6;padding:14px 0px; width:100%; text-align:center;margin:14px 0;transition: background-color 0.3s ease; border-radius: 4px;} .product-center .products ul li:hover .nnn .tit .jj{background-color: #e8f0fc; color: #666;} .product-center .products ul li .nnn .tit .more{display:block; width:100%;height: 40px;border: 1px solid #185DC2;font-size: 16px;font-family: Arial;font-weight: 400;line-height: 40px;color: #185DC2; border-radius:4px; text-align:center; transition: all 0.3s ease;} .product-center .products ul li .nnn:hover img{ transform: scale(1.15); opacity: 0.95;} .product-center .products ul li .nnn:hover h2 a{color:#185DC2;} .product-center .products ul li .nnn:hover .more{background:#185DC2; color:#fff; transform: scale(1.02); border-color: transparent;} .product-center .products ul::after{content: ""; display: table; clear: both;} /*产品列表页*/ .tab{display:block; border-bottom:solid 1px #F0F0F0; padding:30px 0px 0px 0;} .tab ul li{display: block; width:16.66%; float:left;} .tab ul li a{display:block; width:95%; margin:0 auto; height:153px;} .tab ul li a .pic{display:block; width:100px; margin:0 auto;} .tab ul li a .pic img{display:block; width:100px; margin:0 auto} .tab ul li a .tit{display:block;font-size: 18px;font-family: Arial;font-weight: 400; line-height: 24px;color: #333333; text-align:center; padding-bottom:15px; padding-top:10px;} .tab ul li.on a .tit{color:#185DC2;} .tab ul li.on i{display:block; width:100%; background:#185DC2; height:2px;} .tab ul li:hover i{display:block; width:100%; background:#185DC2; height:2px;} .tab ul li a:hover .tit{color:#185DC2;} .poduct-list{display:block; width:100%; margin-top:40px;} .poduct-list ul li{display:block; width:25%; float:left; margin-bottom:40px;} .poduct-list ul li .nnn{display:block; width:93%; margin:0 auto; border:solid 1px #EAEAEA} .poduct-list ul li .nnn .pic{display:block; width:100%; height:206px; overflow:hidden;} .poduct-list ul li .nnn .pic img{ display:block; width:100%; min-height:206px;transition: all 1s;} .poduct-list ul li .nnn .tit{display:block; width:100%; padding:16px;} .poduct-list ul li .nnn .tit h2 a{display:block;font-size: 16px;font-family: Arial;font-weight: 400; line-height: 24px;color: #333333; float:none; height:48px; overflow:hidden; text-align:left} .poduct-list ul li .nnn .tit .jj{display:block;font-size:14px;font-family: Arial; font-weight: 400;line-height: 24px;color:#999999; background:#F6F6F6;padding:14px 0px; width:100%; text-align:center; margin:16px 0px;} .poduct-list ul li .nnn .tit .more{display:block; width:100%;height: 40px; border: 1px solid #185DC2;font-size: 16px;font-family: Arial;font-weight: 400; line-height: 40px;color:#185DC2; border-radius:4px; text-align:center} .poduct-list ul li .nnn:hover img{ transform: scale(1.15)} .poduct-list ul li .nnn:hover h2 a{color:#185DC2;} .poduct-list ul li .nnn:hover .more{background:#185DC2; color:#fff;} /*留言*/ .message{display:block;width:100%;background:url(../img/message.jpg) no-repeat;background-size:cover;padding: 60px 0px 60px;} .message h2{display:block;font-size:36px;font-family:Arial;font-weight:bold;line-height:64px;color:#FFFFFF;text-align:center;} .message p{font-size:16px;font-family:Arial;font-weight:400;line-height:24px;color:#FFFFFF;text-align:center;} .message .message-item{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px;} .message .message-item .message-items{width:24%;} .message .message-item .message-items input{background:#fff;height:48px;line-height:48px;border:solid 1px #fff;width:100%;border-radius:4px;text-indent:10px;user-select:none;resize:none;box-sizing:border-box;} .message .message-item .message-items select{background:#fff;height:48px;line-height:48px;border:solid 1px #fff;width:100%;border-radius:4px;padding:0 10px;color:#999999;user-select:none;resize:none;box-sizing:border-box;} .message .message-items button{background:#185DC2 url(../img/send.png) right no-repeat;height:48px;line-height:48px;width:260px;border-radius:4px;font-size:16px;font-family:Arial;font-weight:700;line-height:30px;color:#fff;text-align:left;text-indent:40px;margin:0 auto;display:block;cursor:pointer;box-sizing:border-box;transition:all 0.3s ease;} .message .message-items button:hover{background-color:#1453AF;box-shadow:0 2px 8px rgba(24,93,194,0.3);transform:translateX(3px);} .message .message-item .message-items option{font-size:14px;font-family:Arial;font-weight:400;color:#999999;} .message .message-item .message-items input::placeholder,.message .ly textarea::placeholder{font-size:14px;font-family:Arial;font-weight:400;color:#999999;opacity:1;} .message .message-item .message-items input:focus,.message .message-item .message-items select:focus,.message .ly textarea:focus{border:1px solid #185DC2 !important;box-shadow:0 0 0 2px rgba(24,93,194,0.1);} .message .message-item .message-items button:focus{border:none;outline:none;} .message .radio-items{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px;margin-bottom: 25px;} .message .radio-items .radio{width:49.3%;background:#fff;display:flex;padding:26px 16px;border-radius:4px;align-items:center;} .message .radio-items .radio .radio-left{font-size:14px;font-family:Arial;font-weight:400;line-height:18px;color:#185DC2;} .message .radio-items .radio .radio-right ul li{display:block;float:left;width:25%;font-size:14px;font-family:Arial;font-weight:400;line-height:30px;color:#333333;cursor:pointer;position:relative;padding-left:5px;} .message .radio-items .radio .radio-right ul li input{outline-style:none;-webkit-appearance:none;border:none;appearance:none;width:16px;height:16px;border:1px solid #333;border-radius:50%;vertical-align:middle;cursor:pointer;} .message .radio-items .radio .radio-right ul li input:checked{background:url(../img/radio-bg.png) no-repeat;width:16px;height:16px;border:none;background-size:100% 100%;} .message .ly{width:49.3%;background:#fff;border-radius:4px;box-sizing:border-box;} .message .ly textarea{width:100%;background:#fff;padding:16px 0;border-radius:4px;text-indent:10px;height:108px;border:1px solid #fff;font-size:14px;font-family:Arial;font-weight:400;color:#999999;resize:none;box-sizing:border-box;user-select:text;} textarea:focus-visible{outline:-webkit-focus-ring-color auto 1px;outline:none;} /*相关产品*/ .Related-Products{display:block; padding:60px 0px 80px;} .Related-Products .title{display:flex;justify-content: space-between;} .Related-Products .title h2{display:block;font-size: 30px;font-family: Arial;font-weight: bold; line-height: 28px;color: #333333;} .Related-Products .title h2 i{display:inline-block; vertical-align:middle; padding-right:16px;} .Related-Products .title a{display:block;font-size: 16px;font-family: Arial; font-weight: 400;line-height: 28px;color: #666666;} .Related-Products .title a:hover{ color:#185DC2} .Related-Products .list{display:block; width:100%; margin-top:40px;} .Related-Products .list ul li{display:block; width:25%; float:left;} .Related-Products .list ul li .nnn{display:block; width:93%; margin:0 auto; border:solid 1px #EAEAEA} .Related-Products .list ul li .nnn .pic{display:block; width:100%; height:206px; overflow:hidden;} .Related-Products .list ul li .nnn .pic img{ display:block; width:100%; min-height:206px;transition: all 1s;} .Related-Products .list ul li .nnn .tit{display:block; width:100%; padding:16px;} .Related-Products .list ul li .nnn .tit h2 a{display:block;font-size: 16px;font-family: Arial;font-weight: 400; line-height: 24px;color: #333333; float:none; height:48px; overflow:hidden; text-align:left} .Related-Products .list ul li .nnn .tit .jj{display:block;font-size:14px;font-family: Arial; font-weight: 400;line-height: 24px;color:#999999; background:#F6F6F6;padding:14px 0px; width:100%; text-align:center; margin:16px 0px;} .Related-Products .list ul li .nnn .tit .more{display:block; width:100%;height: 40px; border: 1px solid #185DC2;font-size: 16px;font-family: Arial;font-weight: 400; line-height: 40px;color:#185DC2; border-radius:4px; text-align:center} .Related-Products .list ul li .nnn:hover img{ transform: scale(1.15)} .Related-Products .list ul li .nnn:hover h2 a{color:#185DC2;} .Related-Products .list ul li .nnn:hover .more{background:#185DC2; color:#fff;} /*相关案例*/ .case{display:block; width:100%; background:#F6F6F6; padding:60px 0px 80px;} .case .title{display:flex;justify-content: space-between;} .case .title h2{display:block;font-size: 30px;font-family: Arial;font-weight: bold; line-height: 28px;color: #333333;} .case .title h2 i{display:inline-block; vertical-align:middle; padding-right:16px;} .case .title a{display:block;font-size: 16px;font-family: Arial; font-weight: 400;line-height: 28px;color: #666666;} .case .title a:hover{ color:#185DC2} .case .list{margin-top:40px;} .case .list ul li{display:block; width:25%; float:left;} .case .list ul li .nnn{display:block; width:93%; margin:0 auto;} .case .list ul li .pic{display:block; width:100%; height:213px; overflow:hidden;} .case .list ul li .pic img{display:block; width:100%; min-height:213px;transition: all 1s;} .case .list ul li .tit{display:block; width:100%; background:#fff; padding:20px 20px 30px;} .case .list ul li .tit p{display:block;font-size: 14px; font-family: Arial;font-weight: 400;line-height: 24px;color: #999999; height:50px; overflow:hidden;} .case .list ul li .tit p i{display:inline-block; vertical-align:middle;} .case .list ul li .tit h2 a{font-size: 16px;font-family: Arial; font-weight: 400;line-height: 24px;color: #333333; height:48px; overflow:hidden; display:block; margin-top:20px;} .case .list ul li .tit:hover a{ color:#185DC2} .case .list ul li .nnn:hover .pic img{ transform: scale(1.15)} /*产品详情页*/ .product-detail{display:block; width:100%; padding:50px 0px 60px;} .product-detail .product-left{display:block; width:48%; float:left} .product-detail .product-left .sp{display:block; width:100%; height:330px; overflow:hidden} .product-detail .product-left .sp .swiper-pagination-bullet-active{background:#185DC2} .product-detail .product-left .sp img{display:block; width:100%; min-height:330px;} .product-detail .product-left .sp video{display:block; width:100%; height:330px;} .product-detail .product-right{display:block; width:52%; float:right; background:#fff; padding: 36px 20px 36px 20px;} .product-detail .product-right ul{ padding-bottom:2px;} .product-detail .product-right ul li{ display:block; float:left; width:50%;font-size: 13px; font-family:'ArialMT';font-weight: 400;line-height: 40px;color: #333333;} .product-detail .product-right ul li em{ font-style:normal; color:#666666} .product-detail .product-right ul li:nth-child(3){ float:none; width: 100%;} .product-detail .product-right ul li:nth-child(4){ float:none; width: 100%;} .product-detail .product-right p{display:block;font-family:'ArialMT';font-weight: 400; line-height: 19.1px;color: #333333; padding-bottom:10px; font-size:13px} .product-detail .product-right p i{ font-style:normal; color:#666666} .product-detail .product-right p b a{font-weight: bold;line-height: 24px;color: #185DC2;font-size: 16px; font-family: Arial;font-weight: bold;} .product-detail .product-right .lj{display: flex;justify-content: start;gap: 15px;} .product-detail .product-right .lj a{width:45%; height:48px; background:#185DC2; color:#fff; line-height:48px; text-align:center; border-radius:4px;} .product-detail .product-right .lj a.blue{ background:#185DC2} .product-detail .product-right .lj a.blue:hover{ background:#185DC2;} .product-detail .product-right .lj a:hover{ background:#185DC2} /*产品详情页*/ .product-sm{display:block; width:100%; background:#F6F6F6;} .product-sm ul li{display:flex; width:25%; float:left; border-right:solid 1px #E2E2E2;justify-content: space-evenly;} .product-sm ul li i{display:inline-block;height: 20px; width:1px; vertical-align:middle; text-align:right} .product-sm ul li a{display:block;font-size: 18px;font-family: Arial;font-weight: 400; line-height: 24px;color: #333333; text-align:center; padding:20px 0px;} .product-sm ul li a.on{color:#185DC2; border-bottom:solid 2px #185DC2 } .product-sm ul li a:hover{color:#185DC2;border-bottom:solid 2px #185DC2 } /*产品说明*/ .Introduction{display:block; width:100%; padding:60px 0px 80px;} .Introduction h2{font-size: 36px;font-family: Arial;font-weight: bold; line-height: 54px;color: #333333; text-align:center; padding-bottom:50px;} .Introduction .Introduction-left{display:block;} .Introduction .Introduction-left img{display:block; width:100%;} .Introduction .Introduction-right{display:block;font-size: 16px; font-family: Arial;font-weight: 400;line-height: 30px;color: #666666;} /*细节展示*/ .Detail-Demonstration{display:block; width:100%; background:#f5f5f5; padding:60px 0px 80px;} .Detail-Demonstration h2{font-size: 36px;font-family: Arial;font-weight: bold; line-height: 54px;color: #333333; text-align:center; padding-bottom:50px;} .Detail-Demonstration img{display:block; max-width:100%; margin:0 auto;} /*产品优势*/ .Performance-Advantage{display:block; width:100%; padding:60px 0px 80px;display: block; width: 100%; margin: 0 auto; font-size: 16px; line-height: 30px;} .Performance-Advantage h2{font-size: 36px;font-family: Arial;font-weight: bold; line-height: 54px;color: #333333; text-align:center; padding-bottom:50px;} .Performance-Advantage ul li{display:flex; background:#F6F6F6;justify-content: space-between; align-items: center; padding:12px 23px 13px 0px; margin-bottom:20px;} .Performance-Advantage ul li .pic{display:block; width:19%} .Performance-Advantage ul li .pic img{display:block; width:100%;} .Performance-Advantage ul li .tit{display:block; width:78%;} .Performance-Advantage ul li .tit h3{display:block;font-size: 20px;font-family: Arial; font-weight: bold;line-height: 30px;color: #222222; padding-bottom:20px;} .Performance-Advantage ul li .tit p{display:block;font-size: 16px;font-family: Arial; font-weight: 400;line-height: 24px;color: #666666;} /*技术参数*/ .Technical-Parameter{display:block; width:100%; background:#F6F6F6;padding:60px 0px 80px;} .Technical-Parameter h2{font-size: 36px;font-family: Arial;font-weight: bold; line-height: 54px;color: #333333; text-align:center; padding-bottom:50px;} .Technical-Parameter img{display:block; max-width:100%; margin:0 auto;} /*解决方案栏目页*/ .Solution{display:block; width:100%; margin-top:40px;} .Solution ul li{display:block; width:33.33%; float:left; margin-bottom:40px;} .Solution ul li a{display:block; width:95%; margin:0 auto;} .Solution ul li a .pic{display:block; width:100%; height:210px; overflow:hidden;} .Solution ul li a .pic img{display:block; width:100%; min-height:210px;transition: all 1s;} .Solution ul li a .tit{display:block; width:100%; background:#F9F9F9; padding:30px 30px 36px 30px;} .Solution ul li a .tit h2{display:block;font-size: 20px;font-family: Arial;font-weight: bold; color: #333333; padding-bottom:20px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .Solution ul li a .tit p{display:block;font-size: 16px;font-family: Arial;font-weight: 400; line-height: 24px;color: #999999; height:120px; overflow:hidden;} .Solution ul li a:hover h2{color:#185DC2} .Solution ul li a:hover img{ transform: scale(1.15)} /*广告*/ .solution1{display:block; width:100%; background:url(../img/solution-bg.webp) no-repeat; height:235px; background-size:100% 100%; position:relative; margin-bottom:80px;} .solution1 .solution1-text{position:absolute; right:50px; top:25%; width:50%;} .solution1 h2{display:block;font-size: 18px;font-family: Arial;font-weight: 400; line-height: 30px;color: #333333;} .solution1 a{display:block;width: 80%; margin-top:15px; height: 48px; background:#fff;font-size: 16px;font-family: Arial; font-weight: 400;line-height: 48px;color: #185DC2; border-radius:4px; text-align:center} .solution1 a:hover{ background:#185DC2; color:#fff;} .solution2{margin:80px 0px;} /*解决方案详情页*/ .solution-detail{display:block; width:100%; padding:60px 0px;} .solution-detail h2{display:block;font-size: 36px;font-family: Arial;font-weight: bold;line-height: 54px;color: #333333; text-align:center; padding-bottom:60px;} .solution-detail .solution-explain{display:block; width:100%; background:#185DC2; padding-left:20px;} .solution-detail .solution-explain .explain-img{display:block; width:35%; float:left; margin-top:-40px;} .solution-detail .solution-explain .explain-img img{display:block; width:100%;} .solution-detail .solution-explain .explain-text{display:block; width:65%; float:right; padding:40px 40px 55px;} .solution-detail .solution-explain .explain-text .jj{font-size: 16px;font-family: Arial;font-weight: 400;line-height: 30px;color: #FFFFFF; height:210px; overflow:auto;} .solution-detail .solution-explain .explain-text .lj{display:flex;justify-content: space-between; width:70%; margin-top:20px;} .solution-detail .solution-explain .explain-text .lj a{display:block; width:45%;height: 48px; background:#fff;font-size: 16px;font-family: Arial;font-weight: 400;line-height: 48px;color: #185DC2; text-align:center} .solution-detail .solution-explain .explain-text .lj a.blue{ background:none; border:solid 1px #FFFFFF; color:#fff} .solution-detail .solution-explain .explain-text .lj a:hover{background:#185DC2;border-color:#185DC2;color:#fff;border: solid 1px #FFFFFF;} .solution-detail .solution-explain .explain-text .lj a.blue:hover{ background:#fff; color:#185DC2;} /*加工*/ .machine{display:block;} .machine h3{font-size: 36px;font-family: Arial;font-weight: bold;line-height: 54px; color: #333333; text-align:center;} .machine .jj{font-size: 16px; font-family: Arial;font-weight: 400;line-height: 30px;color: #333333; margin:30px 0px 40px;} /*产品型号选择*/ .machine .product-choice h2{display:block;} .machine .product-choice h2 span{display: inline-block;width: 220px; height: 48px; background:#185DC2;font-size: 16px;font-family: Arial;font-weight: bold; line-height: 48px;color: #FFFFFF; text-align:center; margin:0px 10px; border-radius:4px;} .machine .product-choice h2 i{display:inline-block; vertical-align:middle;} .machine .product-choice .product-type-choice{display:block; width:100%; padding:0; margin-top:40px;} /*如何选择合适的锅炉*/ .suitable{display:block; width:100%; padding-top:60px;} .suitable h2{font-size: 36px;font-family: Arial;font-weight: bold;color: #222222; text-align:center} .suitable ul{ padding:40px 0px 60px; display:flex;flex-wrap: wrap;justify-content: space-between;} .suitable ul li{display:block; width:49%; margin-bottom:20px;background:#F6F6F6;padding:30px;} .suitable ul li h3{display:block;font-size: 20px;font-family: Arial;font-weight: bold; color: #222222; padding-bottom:20px;} .suitable ul li p{font-size: 16px;font-family: Arial;font-weight: 400; line-height: 24px;color: #666666;} .suitable ul li:nth-child(6){padding:30px 30px 36px;} .suitable ul li .lj{display:flex;} .suitable ul li .lj .item{display:flex; padding-top:38px;} .suitable ul li:nth-child(6) .lj .item:nth-child(2){margin-left:50px;} .suitable ul li .lj .item .pic{display:block; width:48px;} .suitable ul li .lj .item .pic img{display:block; width:48px;} .suitable ul li .lj .item .tit{display:block; padding-left:10px;} .suitable ul li .lj .item .tit p{font-size: 14px;font-family: Arial;font-weight: 400; color: #999999; height:auto; line-height:auto !important;} .suitable ul li .lj .item .tit a{font-size: 18px;font-family: Arial; font-weight: 400;color: #185DC2; display:block;} /*解决方案栏目页*/ .case-tab{display:block; padding:50px 0px;} .case-tab ul{display: flex; justify-content: center;} .case-tab ul li{display:block; float:left; margin-right:12px;} .case-tab ul li:nth-child(6){margin:0;} .case-tab ul li a{display:block; margin:0 auto; background:#F6F6F6; line-height:30px; font-size: 16px;font-family: 'ArialMT';font-weight: 400; border-radius:4px;color: #333333; text-align:center; padding:15px 18px;} .case-tab ul li a:hover{background:#185DC2; color:#fff;} .case-tab ul li a.on{background:#185DC2; color:#fff;} .case-list{display:block; width:100%;} .case-list .list li{display:block; width:25%; float:left; margin-bottom:20px;} .case-list .list li .nnn{display:block; width:93%; margin:0 auto;} .case-list .list li .pic{display:block; width:100%; height:180px; overflow:hidden;} .case-list .list li .pic img{display:block; width:100%; min-height:180px;transition: all 1s;} .case-list .list li .tit{display:block; width:100%; background:#F6F6F6; padding:20px 20px 30px;} .case-list .list li .tit p{display:block;font-size: 14px; font-family: Arial;font-weight: 400;line-height: 24px;color: #999999; height:48px; overflow:hidden} .case-list .list li .tit p i{display:inline-block; vertical-align:middle; padding-right:10px;} .case-list .list li .tit h2 a{font-size: 16px;font-family: Arial; font-weight: 400;line-height: 24px;color: #333333; height:48px; overflow:hidden; display:block; margin-top:10px;} .case-list .list li .tit:hover a{ color:#185DC2} .case-list .list li .nnn:hover .pic img{ transform: scale(1.15)} /*分页*/ .pageBox{margin:40px 0px 80px;} .pageBox a.page-num-current {color: white !important;} .pageBox a {border: 0.05rem solid #E2E2E2 ;display: inline-block;margin-right: 1%;color: #707070; font-size: 16px; border-radius:4px; padding:15px 20px;} .pageBox .page-num-current{background:#185DC2;border: 1px solid #185DC2;text-decoration: none;} /*客户心声*/ .customer{display:block; width:100%; background:#F6F6F6; padding:60px 0px 80px;} .customer .text{display:block; width:100%; text-align:center} .customer .text h2{display:block;font-size: 36px;font-family: Arial;font-weight: bold; color: #222222; padding-bottom:14px;} .customer .text p{display:block;font-size: 16px;font-family: Arial; font-weight: 400;color: #999999; line-height:24px;} .customer .list{padding-top:40px;} .customer .list li{display:block; width:33.33%; float:left} .customer .list li a{display:block; width:95%; margin:0 auto; background:#fff url(../img/fuhao.png) no-repeat right 30px top; padding:58px 30px 51px;} .customer .list li a p{display:block;font-size: 16px;font-family: Arial; font-weight: 400;line-height: 30px;color: #333333; min-height:180px;} .customer .list li a .jj{display:flex;align-items: center; margin-top:30px;} .customer .list li a .jj .pic{display:block; width:64px;} .customer .list li a .jj .pic img{display:block; width:64px;} .customer .list li a .jj .tit{display:block; padding-left:20px;} .customer .list li a .jj .tit h2{display:block;font-size: 20px;font-family: Arial; font-weight: bold;color: #333333;} .customer .list li a .jj .tit p{display:block;font-size: 16px;font-family: Arial; font-weight: 400;color: #999999; min-height:auto;} .Related-Products1{padding:60px 0px 40px;} .Related-Products1 .list ul li{margin:0;} .solution2 a{ display:inline-block;} .solution2 a.Industry_Solution{width:180px; background:#185DC2; color:#fff; margin-right:20px;} /*案例详情页*/ .case-title{display:block; width:100%; padding:60px 0px 30px;} .case-title h2{display:block;font-size: 36px;font-family: Arial;font-weight: bold; line-height: 54px;color: #333333;} .case-title .jj{display:flex;align-items: center; padding-top:30px;} .case-title .jj p{font-size: 16px;font-family: Arial;font-weight: 400; line-height: 20px;color: #999999; display:block} .case-title .jj p i{display: inline-block; width:16px; margin-right:10px; height:16px; vertical-align:text-top} .case-title .jj p a{font-size: 16px;font-family: Arial;font-weight: 400; line-height: 20px;color: #185DC2; margin-left:60px;} .case-title .jj p a:hover{ color:#185DC2} .case-detail{display:block; width:100%; padding-bottom:80px;} .case-detail .case-detail-left{display:block; float:left; width:75%;} .case-detail .case-detail-left .tit{display:block; background:#EAF0F5; padding:30px 35px 30px 30px;font-size: 16px; font-family: Arial;font-weight: 400;line-height: 30px;color: #666666;} .case-detail .case-detail-left .tit b{font-family:'ArialMT'; color:#666; padding-right:5px;} .case-detail .case-detail-left .case-content{display:block; font-size:16px; line-height:30px; padding:30px 0px;} .case-detail .case-detail-left .case-content img{display:block; width:auto !important; max-width:100%; margin:0 auto;} .case-detail .case-detail-right{display:block; float:right; width:21%;} .case-detail .case-detail-right .item{display:block; background:#F6F6F6; padding:30px 30px 40px 30px; margin-bottom:20px;} .case-detail .case-detail-right .item h2{display:block;font-size: 24px;font-family: Arial; font-weight: bold;color: #333333;} .case-detail .case-detail-right .item p{display:flex;font-size: 14px; font-family: Arial;font-weight: 400;color: #999999; padding:15px 0px;} .case-detail .case-detail-right .item p i{display: inline-block; width:16px; margin-right:10px;} .case-detail .case-detail-right .item a{font-size: 16px;font-family: Arial; font-weight: bold;line-height: 24px;color: #333333;} .case-detail .case-detail-right .item a:hover{ color:#185DC2} .case-detail .case-detail-right .more a{display:block; width:100%;height: 48px; border: 1px solid #185DC2; border-radius:4px;font-size: 16px; font-family: Arial;font-weight: 400;line-height: 48px;color: #185DC2; text-align:center} .case-detail .case-detail-right .more a:hover{ background:#185DC2; color:#fff;} /*服务中心*/ .service-support{display:block; padding:60px 0px 80px;} .service-support .text{display:block; width:100%; text-align:center; padding-bottom:40px; transition: all 0.3s ease;} .service-support .text:hover{opacity: 0.95;} .service-support .text h2{display:block;font-size: 36px;font-family: Arial; font-weight: bold;color: #222222; transition: color 0.3s ease;} .service-support .text:hover h2{color: #185DC2;} .service-support .text p{display:block;font-size: 16px;font-family: Arial; font-weight: 400;color: #999999; margin-top:14px; transition: color 0.3s ease;} .service-support .text:hover p{color: #666;} .service-support ul li{display:block; width:25%; float:left; transition: all 0.4s ease;} .service-support ul li:hover{transform: translateY(-5px);} .service-support ul li a{display:block;width:94%;margin:0 auto;overflow: hidden;transition: all 0.4s ease;box-shadow: 0 3px 10px rgba(0,0,0,0.03);} .service-support ul li:hover a{} .service-support ul li a .pic{display:block; width:100%; overflow: hidden;} .service-support ul li a .pic img{display:block; width:100%; transition: all 0.6s ease-out; transform: scale(1);} .service-support ul li:hover a .pic img{transform: scale(1.08); opacity: 0.95;} .service-support ul li a .tit{display:block;padding: 15px 15px;transition: all 0.3s ease;} .service-support ul li a .tit h2{display:block;font-size: 18px;font-family: Arial;font-weight: bold;color: #222222;text-align:center;padding: 8px 0px 12px;transition: all 0.3s ease;} .service-support ul li:hover a .tit{background: #e8f0fc; box-shadow: 0 8px 20px rgba(24, 93, 194, 0.08);} .service-support ul li:hover a .tit h2{color: #185DC2;} .service-support ul li a .tit p{font-size: 16px;font-family: Arial;font-weight: 400; line-height: 24px;color: #666666; transition: color 0.3s ease;} .service-support ul li:hover a .tit p{color: #333;} .service .service-list1 ul li a{width:100%;} /*服务承诺*/ .service-commitment{display:block; padding:60px 0px; transition: all 0.3s ease;} .service-commitment h2{font-size: 36px;font-family: Arial;font-weight: bold; color: #222222; text-align:center; padding-bottom:40px; transition: color 0.3s ease;} .service-commitment:hover h2{color: #185DC2;} .service-commitment .Raw-material-purchase{display:block; width:100%;} .service-commitment .pic{display:flex;justify-content: space-between;} .service-commitment .pic img{width:32.3%; transition: all 0.4s ease; transform: translateY(0);} .service-commitment .pic img:hover{transform: translateY(-5px); opacity: 0.95;} .service-commitment .title{display:block; width:100%; padding:50px 40px; background:#F6F6F6; margin-top:20px; transition: all 0.4s ease; border-radius: 8px;} .service-commitment .title:hover{background: #e8f0fc; box-shadow: 0 8px 20px rgba(24, 93, 194, 0.08);} .service-commitment .Raw-material-purchase .title .tit{display:block; width:100%; padding-bottom:30px; transition: all 0.3s ease;} .service-commitment .Raw-material-purchase .title .tit b{font-size: 24px;font-family: Arial; font-weight: bold;color: #185DC2; padding-left:20px; transition: all 0.3s ease;} .service-commitment .title:hover .tit b{color: #1453af; transform: scale(1.02);} .service-commitment .Raw-material-purchase .title p{display:block;font-size: 16px; font-family: Arial;font-weight: 400;line-height: 30px;color: #666666; text-align:justify; transition: color 0.3s ease;} .service-commitment .title:hover p{color: #333;} .service-commitment .Raw-material-purchase .title .tit-pic{display:block; width:100%; margin-top:30px;} .service-commitment .Raw-material-purchase .title .tit-pic ul li{display:block; float:left; width:16.66%; transition: all 0.4s ease;} .service-commitment .Raw-material-purchase .title .tit-pic ul li:hover{transform: translateY(-5px);} .service-commitment .Raw-material-purchase .title .tit-pic ul li a{display:block; width:92%; margin:0 auto; height:85px; overflow: hidden; border-radius: 4px;} .service-commitment .Raw-material-purchase .title .tit-pic ul li a img{display:block; width:100%; min-height:85px; transition: all 0.4s ease; transform: translateY(0);} .service-commitment .Raw-material-purchase .title .tit-pic ul li:hover a img{transform: translateY(-5px); opacity: 0.95;} .service-commitment .Raw-material-purchase .title1{ display:flex;justify-content: space-between;} .service-commitment .Raw-material-purchase .title1 .item{width:47%; transition: all 0.4s ease;} .service-commitment .Raw-material-purchase .title1 .item:hover{transform: translateY(-5px);} .service-commitment .swiper-pagination{ position:static; margin-top:30px;} .service-commitment .swiper-pagination-bullet{width:14px !important; height:14px !important; border:solid 1px #185DC2; background:none; opacity:1; transition: all 0.3s ease; cursor: pointer;} .service-commitment .swiper-pagination-bullet:hover{background: rgba(24, 93, 194, 0.2); transform: scale(1.2);} .service-commitment .swiper-pagination-bullet-active{background:#185DC2; transform: scale(1.2);} /*专业团队*/ .Professional{display:block; width:100%; background:url(../img/service-bg.webp) no-repeat; background-size:cover; padding:70px 0px; transition: all 0.6s ease;} .Professional:hover{background-position: 0 -3px;} .Professional .text{background: #f2f2f2eb;padding:40px 30px 50px 50px;width:100%; transition: all 0.4s ease; box-shadow: 0 3px 10px rgba(0,0,0,0.05);} .Professional .text:hover{background: #e8f0fceb; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(24, 93, 194, 0.1);} .Professional .text h2{display:block;font-size: 36px;font-family: Arial;font-weight: bold;text-align:center;color: #222222; transition: all 0.3s ease;} .Professional .text:hover h2{color: #185DC2;} .Professional .text p{display:block;font-size: 16px;font-family: Arial;font-weight: 400;line-height: 30px;padding:24px 0px 30px;text-align:justify;color: #666; transition: all 0.3s ease;} .Professional .text:hover p{color: #333; opacity: 0.95;} .Professional .text a{display:block;width: 280px;height: 48px;border: 1px solid #185DC2;border-radius: 4px;font-size: 16px;font-family: Arial;font-weight: 400;line-height: 48px;color: #ffffff;text-align:center;margin:0 auto;background: #185DC2; transition: all 0.3s ease; text-decoration: none;} .Professional .text a:hover{ background:#1453af; border-color:#1453af; transform: scale(1.03); box-shadow: 0 4px 12px rgba(24, 93, 194, 0.2);} .Professional .text a:active{transform: scale(0.98); box-shadow: 0 2px 6px rgba(24, 93, 194, 0.15);} /*关于我们*/ .about-tab{display:block; width:100%; border-bottom:solid 1px #F0F0F0;} .about-tab ul li{display:block; width:25%; float:left; } .about-tab ul li a{display:block; width:95%; margin:0 auto;font-size: 18px; font-family: Arial;font-weight: 400;color: #666666; text-align:center; padding-top:20px;} .about-tab ul li i{display:none; width:100px; height:2px; background:#185DC2; margin:20px auto 0; } .about-tab ul li a.on{color: #185DC2} .about-tab ul li a.on i{display:block;} .about-tab ul li a:hover{color: #185DC2;} .about-tab ul li:hover i{display:block;} .world-tab{ padding-top:20px;} .world-tab ul li a{ padding-bottom:20px;height:70px; line-height:25px;} .world-tab ul li a{padding-bottom: 20px; padding-top:0} .world-tab ul li i{display:none; width:100px; height:2px; background:#185DC2; margin:0px auto; } .world-tab ul li.on a{color: #185DC2} .world-tab ul li.on i{display:block;} /*关于我们介绍*/ .about-introducer{display:block; width:100%; padding-bottom:50px;} .about-introducer .about-pic{display:block; float:left; width:40%; transition: all 0.4s ease;} .about-introducer .about-pic img{display:block; width:100%; transition: all 0.4s ease; transform: translateY(0);} .about-introducer .about-pic:hover img{transform: translateY(-3px); opacity: 0.95;} .about-introducer .about-sp{display:block; width:58%; float:right;} .about-introducer .about-sp img{display: block; width: 100%;} .about-introducer .about-sp .sp{display:block; width:100%; height:417px;} .about-introducer .about-sp .sp video{height:417px;} .about-introducer .text{display:block; width:100%; text-align:center; padding:63px 0px 40px;} .about-introducer .text h2{display:block;font-size: 36px;font-family: Arial; font-weight: bold;color: #222222; padding-bottom:15px;} .about-introducer .text p{display:block;font-size: 14px;font-family: Arial; font-weight: 400;color: #999999;} .about-introducer .sm{display:block;font-size: 16px;font-family: Arial; font-weight: 400;line-height: 28px;color: #222222; text-align:justify;} .about-introducer .about-sp .ani2{ margin-top:30px;} .about-introducer .about-sp .ani2 ul li{ display:block; float:left; width:33.33%; text-align:center; color:#666; line-height:45px; font-size:16px; transition: all 0.4s ease; padding: 10px 0; border-radius: 8px;} .about-introducer .about-sp .ani2 ul li:hover{transform: translateY(-3px); color: #333;} .about-introducer .about-sp .ani2 ul li p{display:block; width:95%; text-indent: 0;} .about-introducer .about-sp .ani2 ul li strong{ display: inline-block; font-size:60px; color:#185DC2; line-height:50px;} .about-introducer .about-sp .ani2 ul li span{vertical-align:top; display:inline-block; margin-top:-10px;} .about-introducer .about-sp .ani2 ul li i{ font-style:normal; margin-left:10px; font-size:16px;} /*关于我们---为什么选择我们？*/ .about-chioce{display:block; width:100%; background:#F6F6F6; padding:60px 0px 80px; transition: all 0.3s ease;} .about-chioce .text{display:block; text-align:center; transition: all 0.3s ease;} .about-chioce .text h2{display:block;font-size: 36px;font-family: Arial;font-weight: bold;color: #222222; padding-bottom:14px; transition: color 0.3s ease;} .about-chioce .text:hover h2{color: #185DC2;} .about-chioce .text p{display:block;font-size: 14px;font-family: Arial;font-weight: 400;color: #999999; transition: color 0.3s ease;} .about-chioce .text:hover p{color: #666;} .about-chioce ul{padding-top:40px;} .about-chioce ul li{display:block; float:left; width:33.33%; transition: all 0.4s ease;} .about-chioce ul li:hover{transform: translateY(-3px);} .about-chioce ul li a{display:block;width:95%;margin:0 auto;overflow: hidden;transition: all 0.4s ease;box-shadow: 0 3px 10px rgba(0,0,0,0.03);} .about-chioce ul li:hover a{box-shadow: 0 8px 20px rgba(24, 93, 194, 0.08);} .about-chioce ul li a .pic{display:block; width:100%; overflow: hidden;} .about-chioce ul li a .pic img{display:block; width:100%; transition: all 0.6s ease-out; transform: scale(1);} .about-chioce ul li:hover a .pic img{transform: scale(1.08); opacity: 0.95;} .about-chioce ul li a .tit{display:block; width:100%;background:#fff; transition: all 0.3s ease;} .about-chioce ul li a .tit .small-pic{display:block; width:80px; margin:0 auto; margin-top:-50px;} .about-chioce ul li a .tit .small-pic img{display:block; width:80px;transition: all 0.6s ease-out; transform: scale(1);} .about-chioce ul li:hover a .tit .small-pic img{ transform: scale(1.15) rotate(5deg);} .about-chioce ul li a .tit .title{display:block;padding: 25px 20px 50px;} .about-chioce ul li a .tit .title h2{display:block;font-size: 20px;font-family: Arial;font-weight: bold;color: #222222; padding-bottom:20px; text-align:center; transition: all 0.3s ease;} .about-chioce ul li:hover a .tit .title h2{color: #185DC2;} .about-chioce ul li a .tit .title p{display:block;font-size: 16px;font-family: Arial;font-weight: 400;line-height: 24px;color: #999999; min-height:96px; transition: color 0.3s ease;} .about-chioce ul li:hover a .tit .title p{color: #666;} .about-chioce ul li a .icon-title{display:block; width:235px; background:url(../img/icon4.png) no-repeat center center / 100% 100%;height:40px; line-height:40px;font-size: 18px;font-family: Arial;font-weight: 400;color: #FFFFFF; text-align:center; margin:-25px auto 0px; transition: all 0.3s ease;} .about-chioce ul li:hover a .icon-title{} /*工业锅炉产品*/ .product-about{display:block; width:100%; background: url(../img/Industrial-Boiler-Products.webp) no-repeat;background-size:cover; padding:70px 0px 80px;} .product-about .prouct-abouts{display:block; float:right; width:32%; margin-right:10%;} .product-about .prouct-abouts h2{font-size: 36px;font-family: Arial;font-weight: bold;color: #FFFFFF;} .product-about .prouct-abouts p{font-size: 16px;font-family: Arial;font-weight: 400;line-height: 30px;color: #FFFFFF; padding:24px 0px 30px;} .product-about .prouct-abouts .lj{display:flex;justify-content: start;gap: 20px;} .product-about .prouct-abouts .lj a{display:block;width: 210px;height:48px;background:#fff url(../img/Find-A-Boiler.png) no-repeat right;font-size: 16px;font-family: Arial;font-weight: 400;text-indent:24px;line-height: 48px;color: #185DC2;border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;transition: all 0.5s; transform: translateY(0); } .product-about .prouct-abouts .lj a.online{background:#fff; text-indent:0; text-align:center;} .product-about .prouct-abouts .lj a.online i{display:inline-block;margin-left: 5px;vertical-align: sub;} .product-about .prouct-abouts .lj a:hover{transform: translateY(-3px);} /*荣誉证书*/ .Ceritificate{display:block; width:100%; padding:60px 0px 80px;} .Ceritificate .text{display:block; width:100%; } .Ceritificate .text h2{display:block;font-size: 36px;font-family: Arial; font-weight: bold;color: #222222; padding-bottom:14px;text-align:center;} .Ceritificate .text p{display:block;font-size: 16px;font-family: Arial; font-weight: 400;line-height: 24px;color: #999999;} .honour{position:relative; width:100%; padding-top:50px;} .honour .swiper {width: 90%;height: 100%; margin:0 auto; position:static} .honour .swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center;} .honour .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;} .honour .swiper-button-next{ width:48px; height:48px; background:url(../img/right-icon.png) no-repeat; color: rgba(255,255,255,0); right:0;} .honour .swiper-button-prev{width:48px; height:48px; background:url(../img/left-icon.png) no-repeat;color:rgba(255,255,255,0); left:0} .honour .swiper-button-next.swiper-button-disabled{background:url(../img/right-icon-hover.png) no-repeat; opacity:1;} .honour .swiper-button-prev.swiper-button-disabled{background:url(../img/left-icon-hover.png) no-repeat; opacity:1} .honour .swiper-button-next:hover{background:url(../img/right-icon-hover.png) no-repeat; opacity:1;} .honour .swiper-button-prev:hover{background:url(../img/left-icon-hover.png) no-repeat; opacity:1} .sj-honour{display:none;} /*企业实力*/ /*智能制造*/ .Intelligent{display:block; padding:60px 0px 80px;} .Intelligent .text{display:block;} .Intelligent .text h2{display:block;font-size: 36px;font-family: Arial;font-weight: bold;color: #222222; text-align:center; padding-bottom:25px;} .Intelligent .text p{font-size: 16px;font-family: Arial;font-weight: 400;line-height: 30px;color: #666666;} .Intelligent ul{margin-top:50px;} .Intelligent ul li{display:block; float:left; width:33.33%; margin-bottom:20px; transition: all 0.4s ease;} .Intelligent ul li:hover{transform: translateY(-3px);} .Intelligent ul li a{ display:block; width:95%; margin:0 auto;} .Intelligent ul li a .pic{display:block; width:100%; height:285px; overflow:hidden;} .Intelligent ul li a .pic img{display:block; width:100%; min-height:285px;transition: all 1s;} .Intelligent ul li a .tit{display:flex;align-items: center;justify-content: center; background:#F6F6F6;font-size: 16px;font-family: Arial;font-weight: 400;line-height: 24px;color: #333333; text-align:center; width:100%; padding:20px 20px; min-height:88px;} .Intelligent ul li a:hover img {transform: scale(1.05);} .Intelligent ul li a:hover .tit{background:#185DC2; color:#fff;} /*优势*/ .advantage{display:block; width:100%;} .advantage ul li{display:block; float:left; width:25%; background:url(../img/xjd.jpg) no-repeat; padding:76px 0px; background-size:cover} .advantage ul li a{display:block;} .advantage ul li a h2{font-size: 32px;font-family: Arial;font-weight: bold;color: #FFFFFF; text-align:center;} .advantage ul li a i{display:block; height:48px; background:#fff; margin:40px auto; width:1px;} .advantage ul li a p{font-weight: 400;color: #FFFFFF; font-size:24px; text-align:center; min-height:56px;} .advantage ul li:nth-child(2){background:url(../img/zyd.jpg) no-repeat;background-size:cover} .advantage ul li:nth-child(3){background:url(../img/ygd.jpg) no-repeat;background-size:cover} .advantage ul li:nth-child(4){background:url(../img/wsd.jpg) no-repeat;background-size:cover} .advantage ul li:hover{ background:url(../img/xjd1.jpg) no-repeat;background-size:cover} .advantage ul li:nth-child(2):hover{background:url(../img/zyd2.jpg) no-repeat;background-size:cover} .advantage ul li:nth-child(3):hover{background:url(../img/ygd2.jpg) no-repeat;background-size:cover} .advantage ul li:nth-child(4):hover{background:url(../img/wsd2.jpg) no-repeat;background-size:cover} /*技术创新*/ .technological{display:block; width:100%; padding:60px 0px;} .technological .text{display:block;} .technological .text h2{display:block;font-size: 36px;font-family: Arial;font-weight: bold;color: #222222; text-align:center; padding-bottom:24px; transition: color 0.3s ease;} .technological .text:hover h2{color: #185DC2;} .technological .text p{font-size: 16px;font-family: Arial;font-weight: 400;line-height: 30px;color: #666666; transition: color 0.3s ease;} .technological .text:hover p{color: #333;} .technological ul{margin-top:40px;} .technological ul li{display:block; float:left; width:33.33%; transition: all 0.4s ease;} .technological ul li:hover a .pic img{transform: translateY(-3px); opacity: 0.95;} .technological ul li a{display:block; width:95%; margin:0 auto;} .technological ul li a .pic{display:block; width:100%;} .technological ul li a .pic img{display:block; width:100%; transition: all 0.4s ease; transform: translateY(0);} .technological ul li a .tit{display:block;font-size: 24px;font-family: Arial;font-weight: bold;color: #333333; text-align:center; padding:20px 0px; transition: all 0.3s ease;} .technological ul li:hover a .tit{color: #185DC2;} /*发展历程*/ .develop.container {margin: 80px auto 100px;} .timeline {position: relative;list-style: none;padding: 0;margin: 0;} .timeline::before {content: '';position: absolute;top: 0;bottom: 0;left: 78px;width: 4px;background: #f1f5f9;border-radius: 2px;z-index: 1;} .timeline-item {position: relative;margin-bottom: 70px;display: flex;align-items: flex-start;} .timeline-item:last-child {margin-bottom: 0;} .timeline-marker {position: relative;width: 160px;flex: 0 0 160px;display: flex;flex-direction: column;align-items: flex-start;padding-right: 80px;z-index: 2;} .timeline-year {font-size: 24px;font-weight: 700;color: #1e293b;margin-bottom: 8px;line-height: 1;letter-spacing: -0.5px;transition: all 0.3s ease;} .timeline-dot {display: block;width: 16px;height: 16px;background: #185dc2;border: 4px solid #fff;box-shadow: 0 0 0 1px #e2e8f0;position: absolute;left: 72px;top: 4px;border-radius: 2px;z-index: 3;} .timeline-line {display: none;} .timeline-card {flex: 1;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 6px;padding: 36px 30px;transition: all 0.3s ease;position: relative;} .timeline-card:hover {border-color: #185dc2;box-shadow: 0 2px 10px rgba(37, 99, 235, 0.05);} .timeline-card::before {content: '';position: absolute;top: 0;left: 0;width: 48px;height: 4px;background: #185dc2;border-radius: 0 0 4px 0;transition: all 0.3s ease;} .timeline-content {color: #475569;line-height: 1.85;font-size: 15px;} .timeline-content strong {color: #1e293b;font-size: 20px;display: block;margin-bottom: 20px;font-weight: 600;line-height: 1.4;} .timeline-item:hover .timeline-year {color: #185dc2;transform: translateY(-3px);} .timeline-item:hover .timeline-card {transform: translateY(-3px);} .timeline-item:hover .timeline-card::before {width: 60px;background: #185dc2;} /*全球战略*/ .global{display:block; padding:60px 0px 40px;} .global .text{display:block; width:100%;} .global .text h2{display:block;font-size: 36px;font-family: Arial;font-weight: bold;color: #222222; text-align:center; padding-bottom:15px;} .global .text p{display:block;font-size: 16px;font-family: Arial;font-weight: 400;line-height: 30px;color: #666666;} .global .global-map{display:block; width:100%; margin-top:50px;} .global .global-map .map{display:block; position:relative; width:100%;} .global .global-map .map img{display:block; width:100%;} .global .global-map .tit{display:block; position:absolute; left:0px; bottom:70px; width:18%;} .global .global-map .tit p{display:block;font-size: 18px;font-family: Arial;font-weight: 400;line-height: 28px;color: #666666;} .global .global-map .tit a{display:block;height: 48px;border: 1px solid #185DC2;font-size: 16px;font-family: Arial;text-align:center;border-radius:4px;font-weight: 400;line-height: 48px;color: #185DC2;margin-top:27px;transition: all 0.3s ease;} .global .global-map .tit a i{display:inline-block; background:url(../img/support-staff.png) no-repeat;width:24px; height:24px; vertical-align:middle; margin-left:12px;} .global .global-map .tit a:hover{ background:#185DC2; color:#fff;transform: translateY(-3px);} .global .global-map .tit a:hover i{ background:url(../img/support-staff-hover2.png) no-repeat;} /*全球*/ .world{ display:block; width:100%; background:url(../img/global-bg.webp) no-repeat; background-size:100% 100%; padding:60px 0px 70px;} .world .text{display:block; text-align:center;} .world .text h2{display:block;font-size: 36px;font-family: Arial;font-weight: bold; color: #FFFFFF; padding-bottom:14px;} .world .text p{font-size: 16px;font-family: Arial;font-weight: 400; line-height: 24px;color: #FFFFFF; display:block;} .world ul{display:flex;justify-content: center; margin-top:40px;} .world ul li{ padding:0px 50px;} .world ul li img{display:block; width:130px; height:130px; margin:0 auto;transition:all 1s;} .world ul li:hover img{ transform:rotate(360deg);} .world-tab ul li{width:20%;} .case-list1{padding-top:40px;} /*新闻频道页*/ .new {padding: 60px 0 80px;} .new .text {display: flex;align-items: center;line-height: 64px;margin-bottom: 40px;position: relative;} .new .text h2 {font-size: 36px;font-family: Arial;font-weight: bold;color: #222;text-align: center;width: 100%;} .new .text a {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 16px;font-weight: 400;color: #666;transition: all 0.3s ease;} .new .text a:hover, .news-industry .text a:hover, .questions .text a:hover { color: #185DC2; } .new .company {} .new .company .company-left {display: flex;gap: 2%;margin-bottom: 30px;} .new .company .company-left .pic { width: 49%; height: 259px; overflow: hidden; flex-shrink: 0; } .new .company .company-left .pic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.6s ease-out; } .new .company .company-left .tit { width: 49%; background: #F6F6F6; padding: 40px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .new .company .company-left .tit h2 a {font-size: 20px;font-family: Arial;font-weight: 400;line-height: 30px;color: #333;height: 60px;overflow: hidden;transition: all 0.3s ease;margin-bottom: 20px;display: block;} .new .company .company-left .tit p {font-size: 16px;font-family: Arial;font-weight: 400;line-height: 24px;color: #999;height: 48px;overflow: hidden;margin: 0 0 30px;} .new .company .company-left .tit .lj { display: flex; justify-content: space-between; align-items: center; } .new .company .company-left .tit .lj span { font-size: 16px; font-family: Arial; font-weight: 400; line-height: 20px; color: #999; } .new .company .company-left .tit .lj span i { vertical-align: text-top; padding-right: 10px; height: 16px; display: inline-block; } .new .company .company-left .tit .lj span a { font-size: 16px; font-family: Arial; font-weight: 400; line-height: 20px; color: #999; text-decoration: none; transition: all 0.3s ease; display: block; } .new .company ul { display: flex; gap: 2%; padding: 0; margin: 0; list-style: none; width: 100%; } .new .company ul li { width: 49%; background: #F6F6F6; padding: 40px; box-sizing: border-box; transition: all 0.3s ease; } .new .company ul li .tit { width: 100%; display: flex; flex-direction: column; justify-content: space-between; } .new .company ul li .tit h2 a { font-size: 20px; font-family: Arial; font-weight: 400; line-height: 30px; color: #333; height: 60px; overflow: hidden; text-decoration: none; transition: all 0.3s ease; margin-bottom: 20px; display: block; } .new .company ul li .tit p { font-size: 16px; font-family: Arial; font-weight: 400; line-height: 24px; color: #999; height: 48px; overflow: hidden; margin: 0 0 30px; } .new .company ul li .tit .lj { display: flex; justify-content: space-between; align-items: center; } .new .company ul li .tit .lj span { font-size: 16px; font-family: Arial; font-weight: 400; line-height: 20px; color: #999; } .new .company ul li .tit .lj span i { vertical-align: text-top; padding-right: 10px; display: inline-block; } .new .company ul li .tit .lj span a { font-size: 16px; font-family: Arial; font-weight: 400; line-height: 20px; color: #999; text-decoration: none; transition: all 0.3s ease; display: block; } .new .company .company-left:hover .pic img { transform: scale(1.08); opacity: 0.95; } .new .company .company-left:hover .tit h2 a, .new .company ul li:hover .tit h2 a { color: #185DC2; } .new .company .company-left:hover .tit .lj span a, .new .company ul li:hover .tit .lj span a { padding-left: 10px; color: #185DC2; } .new .company ul li:hover { background: #e8f0fc; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(24, 93, 194, 0.08); } .new .clear { display: none !important; } /*行业资讯*/ .news-industry { display: block; width: 100%; background: #F6F6F6; padding: 60px 0 80px; box-sizing: border-box; } .news-industry .text { display: flex; align-items: center; line-height: 64px; width: 100%; position: relative; } .news-industry .text h2 { font-size: 36px; font-family: Arial; font-weight: bold; color: #222; text-align: center; margin: 0; width: 100%; } .news-industry .text a { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 16px; font-family: Arial; font-weight: 400; color: #666; text-decoration: none; transition: all 0.3s ease; } .news-industry .text a:hover { color: #185DC2; } .news-industry ul { margin-top: 40px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; width: 100%; } .news-industry ul li { width: 33.33%; box-sizing: border-box; } .news-industry ul li .nnn { display: block; width: 95%; margin: 0 auto; position: relative; transition: all 0.3s ease; } .news-industry ul li .nnn .pic { display: block; width: 100%; height: 246px; overflow: hidden; } .news-industry ul li .nnn .pic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s ease-out; } .news-industry ul li .nnn .tit { display: block; background: #fff; padding: 30px; box-sizing: border-box; transition: all 0.3s ease; } .news-industry ul li .nnn .time { display: block; position: absolute; top: 47%; width: 100%; } .news-industry ul li .nnn span { display: block; height: 36px; width: 148px; background: #185DC2; margin: 0 auto; font-size: 14px; font-family: Arial; font-weight: 400; line-height: 36px; border-radius: 4px; color: #FFFFFF; text-align: center; } .news-industry ul li .nnn .tit h2 a { display: block; font-size: 20px; font-family: Arial; font-weight: 400; line-height: 30px; color: #333; height: 60px; overflow: hidden; text-decoration: none; transition: all 0.3s ease; } .news-industry ul li .nnn .tit p { font-size: 16px; font-family: Arial; font-weight: 400; line-height: 24px; color: #999; height: 48px; overflow: hidden; margin: 20px 0 22px; } .news-industry ul li .nnn .tit a { font-size: 16px; font-family: Arial; font-weight: 400; line-height: 20px; color: #999; text-decoration: none; transition: all 0.3s ease; } .news-industry ul li .nnn:hover .pic img { transform: scale(1.08); opacity: 0.95; } .news-industry ul li .nnn:hover span { background: #185DC2; } .news-industry ul li .nnn:hover .tit { background: #185DC2; } .news-industry ul li .nnn:hover .tit h2 a { color: #fff; } .news-industry ul li .nnn:hover .tit p { color: #fff; } .news-industry ul li .nnn:hover .tit a { color: #fff; } /*常见问题*/ .questions {padding: 60px 0 50px;} .questions .text {display: flex;align-items: center;line-height: 64px;position: relative;} .questions .text h2 {font-size: 36px;font-family: Arial;font-weight: bold;color: #222;text-align: center;width: 100%;} .questions .text a {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 16px;font-family: Arial;font-weight: 400;color: #666;transition: all 0.3s ease;} .questions .text a:hover { color: #185DC2; } .questions ul {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;} .questions ul li {width: 49%;margin-bottom: 30px;} .questions ul li .nnn {border-radius: 25px;background: #F6F6F6;padding-bottom: 30px;transition: all 0.3s ease;} .questions ul li .nnn .tit {display: flex;border-radius: 25px;background: #185DC2;height: 48px;padding: 0 20px 0 30px;align-items: center;} .questions ul li .nnn .tit i { display: inline-block; padding-right: 20px; } .questions ul li .nnn .tit i img { height: 20px; } .questions ul li .nnn .tit a {display: inline-block;font-size: 20px;font-family: Arial;font-weight: bold;line-height: 48px;color: #FFFFFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .questions ul li .nnn .sm { display: block; font-size: 16px; font-family: Arial; font-weight: 400; line-height: 30px; color: #666; width: 90%; margin: 30px auto 0; height: 60px; overflow: hidden; transition: all 0.3s ease; } .questions ul li .nnn:hover { background: #185DC2; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(24, 93, 194, 0.1); } .questions ul li .nnn:hover .sm { color: #fff; } /*栏目点击*/ .menu{display:block; background:#F6F6F6; padding:70px 0px;} .menu ul{display:flex;justify-content: space-between;} .menu ul li{display:block; width:32%; background:#fff; padding:30px;} .menu ul li h2{display:block;font-size: 20px;font-family: Arial;font-weight: bold; color: #333333;} .menu ul li p{display:block;font-size: 16px;font-family: Arial;font-weight: 400;line-height: 24px; color: #999999; margin:20px 0px 23px;} .menu ul li a{display:block;font-size: 16px;font-family: Arial;font-weight: 400; color: #185DC2;} .menu ul li:hover{background:#185DC2;} .menu ul li:hover h2{color:#fff;} .menu ul li:hover p{color:#fff;} .menu ul li:hover a{color:#fff;} /*新闻列表页*/ .new-tab ul li{width:33.33%;} .news-list{display:block; margin-top:60px;} .news-list ul li{display:block; width:100%; padding:40px 40px 40px 30px; background:#F6F6F6; margin-bottom:30px;} .news-list ul li .pic{display:block; width:25%; float:left; height:182px; overflow:hidden;} .news-list ul li .pic img{display:block; width:100%; min-height:182px;transition: all 1s;} .news-list ul li .tit{display:block; float:right; width:72%;} .news-list ul li .tit h2 a{display:block;font-size: 20px;font-family: Arial; font-weight: 400;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news-list ul li .tit p{display:block;font-size: 16px;font-family: Arial;font-weight: 400; line-height: 30px;color: #999999; margin:30px 0px 43px; height:60px; overflow:hidden} .news-list ul li .tit .lj{display:flex;justify-content: space-between;} .news-list ul li .tit .lj span{font-size: 16px;font-family: Arial; font-weight: 400;line-height: 20px;color: #999999;} .news-list ul li .tit .lj span i{vertical-align: text-top; padding-right:10px; height:16px;} .news-list ul li .tit .lj span a{display:block;font-size: 16px; font-family: Arial;font-weight: 400;line-height: 20px;color: #999999;} .news-list ul li:hover .pic img{ transform: scale(1.15)} .news-list ul li:hover h2 a{color:#185DC2;} .news-list ul li:hover .lj span a{ padding-left:10px;color:#185DC2;} /*相关新闻*/ .related-new{display:block; padding-bottom:60px;} .related-new .title{display:flex;justify-content: space-between;} .related-new .title h2{display:block;font-size: 30px;font-family: Arial;font-weight: bold; line-height: 28px;color: #333333;} .related-new .title h2 i{display:inline-block; vertical-align:middle; padding-right:16px;} .related-new .title a{display:block;font-size: 16px;font-family: Arial; font-weight: 400;line-height: 28px;color: #666666;} .related-new .title a:hover{ color:#185DC2} .related-new ul{display:flex;justify-content: space-between; margin-top:30px;} .related-new ul li{ width:49%} .related-new ul li .tit{width:100%; display:block; margin:0 auto; background:#F6F6F6;padding:40px;} .related-new ul li .tit h2 a{display:block;font-size: 20px;font-family: Arial; font-weight: 400;line-height: 30px;color: #333333; height:60px; overflow:hidden;} .related-new ul li .tit p{font-size: 16px;font-family: Arial;font-weight: 400; line-height: 24px;color: #999999; height:48px; overflow:hidden; margin:20px 0px 30px;} .related-new ul li .tit .lj{display:flex;justify-content: space-between;} .related-new ul li .tit .lj span{font-size: 16px;font-family: Arial; font-weight: 400;line-height: 20px;color: #999999;} .related-new ul li .tit .lj span i{vertical-align: text-top; padding-right:10px;} .related-new ul li .tit .lj span a{display:block;font-size: 16px; font-family: Arial;font-weight: 400;line-height: 20px;color: #999999;} .related-new ul li:hover h2 a{color:#185DC2;} .related-new ul li:hover .lj span a{ padding-left:10px;color:#185DC2;} .case-detail .case-detail-left .news-content{padding:0;} /*常见问题*/ .problem{display:block; width:100%;} .problem ul{ margin-top:40px;} .problem ul li{display:block; width:100%; margin-bottom:30px;} .problem ul li .nnn{display:block;border-radius:25px; background:#F6F6F6; padding-bottom:30px;} .problem ul li .nnn .tit{display:flex; width:100%; border-radius:25px; background:#185DC2; height:48px;padding:0px 20px 0px 30px;align-items: center;} .problem ul li .nnn .tit i{display:inline-block;padding-right:20px;} .problem ul li .nnn .tit i img{ height:20px;} .problem ul li .nnn .tit a{display:inline-block;font-size: 20px;font-family: Arial; font-weight: bold;line-height: 48px;color: #FFFFFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .problem ul li .nnn .sm{display:block;font-size: 16px;font-family: Arial; font-weight: 400;line-height: 30px;color: #666666; margin:30px auto 0px; width:90%; height:60px; overflow:hidden;} .problem ul li .nnn:hover{background:#185DC2;} .problem ul li .nnn:hover .sm{color:#fff;} /*相关新闻*/ .related-problem ul{display:flex;justify-content: space-between;flex-wrap:wrap; margin-top:40px;} .related-problem ul li{display:block; width:49%; margin-bottom:30px;} .related-problem ul li .nnn{display:block;border-radius:25px; background:#F6F6F6; padding-bottom:30px;} .related-problem ul li .nnn .tit{display:flex; width:100%; border-radius:25px; background:#185DC2; height:48px;padding:0px 20px 0px 30px;align-items: center;} .related-problem ul li .nnn .tit i{display:inline-block;padding-right:20px;} .related-problem ul li .nnn .tit i img{ height:20px;} .related-problem ul li .nnn .tit a{display:inline-block;font-size: 20px;font-family: Arial; font-weight: bold;line-height: 48px;color: #FFFFFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .related-problem ul li .nnn .sm{display:block;font-size: 16px;font-family: Arial; font-weight: 400;line-height: 30px;color: #666666; margin:30px auto 0px; width:90%; height:60px; overflow:hidden;} .related-problem ul li .nnn:hover{background:#185DC2;} .related-problem ul li .nnn:hover .sm{color:#fff;} /*联系方式*/ .contact1 {padding: 60px 0 80px;} .contact1 .text {text-align: center; padding-bottom: 40px; } .contact1 .text h2 {font-size: 36px; font-family: Arial; font-weight: bold; color: #222; } .contact1 .text p {font-size: 14px; font-family: Arial; font-weight: 400; color: #999; padding-top: 14px; line-height: 24px; } .contact1 .contact-us { display: flex; gap: 2.5%; width: 100%; align-items: stretch; } .contact1 .contact-us .contact-text { width: 51%; } .contact1 .contact-us .contact-text ul { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; list-style: none; width: 100%; } .contact1 .contact-us .contact-text ul li { width: calc(50% - 10px); position: relative; background: #F6F6F6; padding: 40px 20px; transition: all 0.3s ease; overflow: hidden; display: flex; flex-direction: column; justify-content: center; } .contact1 .contact-us .contact-text ul li .pic { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0 auto; font-size: 48px; -moz-osx-font-smoothing: grayscale; color: #185DC2; transition: all 0.3s ease; } .contact1 .contact-us .contact-text ul li .tit {text-align: center; margin-top: 15px; } .contact1 .contact-us .contact-text ul li .tit p {font-size: 14px; font-family: Arial; font-weight: 400; color: #666; margin: 10px 0;} .contact1 .contact-us .contact-text ul li .tit h2 { font-size: 20px; font-family: Arial; font-weight: bold; color: #333; transition: all 0.3s ease;} .contact1 .contact-us .contact-text ul li .tit h2 a { color: #333; text-decoration: none; transition: all 0.3s ease; } .contact1 .contact-us .contact-text ul li .tit h3 { font-size: 16px; font-family: 'Arial-BoldMT'; font-weight: bold; color: #333; line-height: 28px;} .contact1 .contact-us .contact-text ul li .tit b { color: #185DC2; } .contact1 .contact-us .contact-text ul li a {} .contact1 .contact-us .contact-text ul li:nth-child(3) .pp { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #185DC2; padding: 20px; display: none; z-index: 10; box-sizing: border-box; align-items: center; justify-content: center; } .contact1 .contact-us .contact-text ul li:nth-child(3) .pp img { display: block; max-width: 80%; margin: 0 auto; } .contact1 .contact-us .contact-pic { width: 47.5%; overflow: hidden; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; } .contact1 .contact-us .contact-pic img {width: 100%; height: 100%; object-fit: cover; transition: all 0.6s ease-out; } .icon-youxiang:before { content: "\e110"; } .icon-whatsapp:before { content: "\e111"; } .icon-weixin:before { content: "\e112"; } .icon-a24h:before { content: "\e113"; } .contact1 .contact-us .contact-text ul li:hover { background: #185DC2; transform: translateY(-5px);} .contact1 .contact-us .contact-text ul li:hover .tit p, .contact1 .contact-us .contact-text ul li:hover .tit h2, .contact1 .contact-us .contact-text ul li:hover .tit h3 { color: #fff; } .contact1 .contact-us .contact-text ul li:hover .tit h2 a { color: #fff; } .contact1 .contact-us .contact-text ul li:hover .tit b{color: #fff;} .contact1 .contact-us .contact-text ul li:hover .pic { color: #fff; } .contact1 .contact-us .contact-text ul li:nth-child(3):hover .pp { display: flex; } .contact1 .contact-us .contact-pic:hover { transform: translateY(-5px);} .contact1 .contact-us .contact-pic:hover img { transform: scale(1.05); opacity: 0.95; } /*地图*/ .dt{display:block;padding:60px 0px 80px;} .dt .text{display:block; width:100%; text-align:center;} .dt .text h2{font-size: 36px;font-family: Arial;font-weight: bold;color: #222222;} .dt .text p{display:block;font-weight: 400;line-height: 28px;color: #999999; font-size:14px;} .dt #map{display:block; height:500px; width:100%; } .mapxx h2{font-size: 18px;font-family: Arial;font-weight: bold;color: #185DC2;} .mapxx p{font-size: 14px;font-family: Arial;font-weight: 400;color: #666666; margin-top:20px} .map1{margin-top:30px;} .BMap_bubble_pop{background:url(../img/jj.png) no-repeat !important; border:none !important; border-radius:none !important;left: 611px !important;top: 169px !important;} .BMap_bubble_pop img{ display:none;} .BMap_bubble_content{width:372px !important;} .BMap_bubble_center{width:340px !important; margin:0 auto} /*案例*/ .anlt .al1, .anlt .al2 { padding: 60px 0 0; display: flex; gap: 25px; } .anlt .al3 { padding: 60px 0 80px;} .anlt .al-left, .anlt .al-right { flex: 1; display: block; } .anlt .bt { display: flex; justify-content: space-between; align-items: center; height: 35px; margin-bottom: 30px; } .anlt .bt h2 { font-size: 26px; font-weight: bold; color: #333; line-height: 28px; } .anlt .bt a { font-size: 14px; color: #666; transition: all 0.3s ease; line-height: 35px; display: flex; align-items: center; flex-shrink: 0; } .anlt .bt a i { display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 0; } .anlt .bt a i img { height: 18px; display: block; } .anlt .bt a:hover { color: #185DC2; transform: translateX(3px); } .anlt .lb ul { display: flex; flex-wrap: wrap; gap: 16px; } .anlt .al1 .lb ul li, .anlt .al2 .lb ul li { width: calc(50% - 8px); transition: all 0.4s ease; } .anlt .al3 .lb ul li { width: calc(25% - 12px); transition: all 0.4s ease; box-sizing: border-box; } .anlt .lb ul li .nnn { box-shadow: 0 3px 10px rgba(0,0,0,0.03); transition: all 0.4s ease; } .anlt .lb ul li:hover { transform: translateY(-3px); } .anlt .lb ul li:hover .nnn { box-shadow: 0 8px 20px rgba(24, 93, 194, 0.08); } .anlt .lb ul li .pic { width: 100%; height: 180px; overflow: hidden; } .anlt .al3 .lb ul li .pic { height: 200px; } .anlt .lb ul li .pic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.6s ease-out; } .anlt .lb ul li:hover .pic img { transform: scale(1.08); opacity: 0.95; } .anlt .lb ul li .tit { background: #F6F6F6; padding: 20px; transition: all 0.3s ease; } .anlt .lb ul li:hover .tit { background: #e8f0fc; } .anlt .lb ul li .tit p { font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden; font-family: Arial; } .anlt .lb ul li:hover .tit p { color: #666; } .anlt .lb ul li .tit p i { display: inline-block; vertical-align: middle; margin-right: 10px; } .anlt .lb ul li .tit h2 a { font-size: 16px; color: #333; line-height: 24px; height: 48px; overflow: hidden; display: block; margin-top: 10px; transition: all 0.3s ease; font-family: Arial; font-weight: 400; } .anlt .lb ul li .tit:hover a { color: #185DC2; } .Technical-Parameter table {line-height: 1.3;width: 100%;} .Technical-Parameter table tbody tr:nth-of-type(odd) {background-color: #e5e5e5;} .Technical-Parameter table tr:first-child {background: #185DC2!important;color: #fff;} .Technical-Parameter table td,.Technical-Parameter table th {border: 1px solid #dee2e6;padding: 0.75rem;} .Technical-Parameter table tbody tr:hover {color: #fff;background-color: #185DC2;} .contact2{padding: 0px 0px 80px;} .foreign-office.container {} .foreign-office .foreign-office-content {display: flex;justify-content: space-between;margin-top: 20px;flex-wrap: nowrap;gap: 40px;min-width: 0;align-items: flex-start;position: relative;} .foreign-office .foreign-office-text {width: 48%;text-align: left;min-width: 320px;flex-shrink: 1;} .foreign-office .foreign-office-text.double-img-left {width: 56%;min-width: 380px;} .foreign-office .foreign-office-text h2 {font-size: 36px;line-height: 36px;margin-bottom: 30px;font-weight: bold;color: #333333;word-wrap: break-word;} .foreign-office .foreign-office-text .highlight {color: #185DC2;font-weight: bold;} .foreign-office .foreign-office-text p {color: #666;font-size: 18px;line-height: 26px;margin-bottom: 32px;word-wrap: break-word;} .foreign-office .foreign-office-text p span{color: #185DC2;font-weight:bold;} .foreign-office .foreign-office-img.double-img {width: calc(43% - 20px);flex-shrink: 0;min-width: 280px;position: relative;display: inline-block;width: auto;height: 100%;transition: all 0.3s ease;margin-left: 30px;} .foreign-office .foreign-office-img.double-img img {width: 100%;height: auto;display: block;position: relative;z-index: 2;box-shadow: 0 4px 8px rgba(0,0,0,0.1);transition: all 0.3s ease;} .foreign-office .foreign-office-img.double-img:hover img {transform: translateX(8px);} .foreign-office .foreign-office-img.double-img::after {content: "";position: absolute;left: -30px;top: -30px;width: 100%;height: 100%;background-color: #E9EDF3;z-index: 1;box-sizing: border-box;} .foreign-office .foreign-office-img img {width: 100%;} .foreign-office .consult-btn,.foreign-office .case-btn {color: #fff;background-color: #185DC2;padding: 12px 30px;text-decoration: none;transition: all 0.3s ease;display: inline-flex;align-items: center;justify-content: center;font-size: 16px;width: 240px;height: 48px;vertical-align: middle;} .foreign-office .consult-btn .iconfont {font-size: 16px;} .foreign-office .consult-btn:hover,.foreign-office .case-btn:hover {color: #fff;background-color: #1453AF;transform: translateX(5px);} .foreign-office .case-btn {background-color: #ffffff;margin-left: 20px;color: #000;border: 1px solid #185DC2;} .foreign-office .case-btn:hover {background-color: #1453AF;}