/*全局样式*/ @font-face{ font-family:'ArialBlack'; src:url("font/ArialBlack.ttf") format("truetype"); font-weight:normal; font-style:normal; } *{font-family:'Arial','Microsoft YaHei';} *:focus{outline:none;} html{overflow-x:hidden;} body,a{color:#333;} .empty{ display: block; background: url(img/enempty.png) no-repeat center; width: 100%; height: 300px; } .wrapper{width:1440px;} .wrapper.min{width:1280px;} .wrap-white{background:#fff;} .wrap-white.p1{padding:90px 0;} .wrap-white.p2{padding:60px 0 90px 0;} .wrap-white.p3{padding:50px 0 90px 0;} .wrap-gray{background:#f4f4f4;} .wrap-gray.p1{padding:90px 0;} /*头部样式*/ .new_index_header{ display: none;} #header{position:sticky; top:0; z-index:99; height:138px; background:#fff; box-shadow:0 10px 10px -10px rgba(0,0,0,.08);} #header .wrapper{height:100%;} #logo img{height:78px;} #nav > ul{display:flex; gap:0 16px;} #nav > ul > li{position:relative; height:138px; text-align:center;} #nav > ul > li > a{display:block; height:138px; line-height:138px; padding:0 20px; font-size:18px; overflow:hidden;} #nav > ul > li:hover > a{color:#256dfa;} #nav > ul > li.current{min-width:120px; background:#256dfa;} #nav > ul > li.current > a{color:#fff;} #nav > ul > li ul{position:absolute; left:50%; top:138px; transform:translate(-50%,20px); display:none; width:220px; padding:16px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.08); opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;} #nav > ul > li:hover ul{display:block;} @keyframes NavAnimation{100%{transform:translate(-50%,0); opacity:1;}} #nav > ul > li ul li{height:44px; line-height:44px; font-size:16px; overflow:hidden;} #nav > ul > li ul li a{display:block; padding:0 20px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.2s linear;} #nav > ul > li ul li:hover a{letter-spacing:0.6px; color:#256dfa; transition:all 0.2s linear;} #h-line{width:1px; height:18px; margin-left:16px; background:#666;} #search-btn{width:24px; height:24px; margin-left:36px; background:url(img/search.png) no-repeat center; cursor:pointer; transition:all 0.1s linear;} #search-btn:hover{background-image:url(img/search-h.png); transition:all 0.1s linear;} #language{display:flex; gap:0 20px; margin-left:36px;} #language a{width:30px; height:30px; border:2px solid #fff; border-radius:50%; box-shadow:0 0 12px rgba(0,0,0,.12); overflow:hidden;} #language img{width:26px; height:26px; border-radius:50%;} #search{right:0; top:158px; z-index:98; display:none; height:68px; padding:10px; background:rgba(255,255,255,.5); box-shadow:0 0 10px rgba(0,0,0,.08); overflow:hidden;} #search input{width:278px; height:48px; line-height:48px; padding:0 16px; border:none; border-radius:0; font-size:16px; color:#464646;} #search input::-moz-placeholder{color:#999;} #search input::-webkit-input-placeholder{color:#999;} #search input::-ms-input-placeholder{color:#999;} #search button{width:48px; height:48px; background:url(img/search1.png) no-repeat center #256dfa; border:none; border-radius:0;} /*首页样式*/ #banner{width:100%; height:846px; overflow:hidden;} #banner .swiper-wrapper{height:846px;} #banner .swiper-slide{width:100%; height:846px;} #banner .swiper-slide img{width:100%; height:846px;} #banner .swiper-pagination{left:50%; bottom:40px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; gap:0 10px; width:auto;} #banner .swiper-pagination-bullet{width:12px; height:12px; margin:0; background:#fff; border-radius:50%; cursor:pointer; opacity:1;} #banner .swiper-pagination-bullet-active{background:#ff4530;} #about > h2{height:12px; line-height:124px; font-family:'ArialBlack'; font-size:186px; text-align:center; color:#edf3f7;} #about > img{display:block; height:116px; margin:0 auto;} #about .item{margin-top:60px;} #about .item h3{height:30px; line-height:30px; font-size:28px; font-weight:bold; text-align:center; overflow:hidden;} #about .item p{line-height:30px; margin-top:36px; padding:0 170px; font-size:17px; text-align:center; color:#606676;} #about .item h4{width:220px; height:52px; line-height:52px; margin:44px auto 0 auto; background:#256dfa; border-radius:26px; font-size:16px; text-align:center; overflow:hidden;} #about .item h4 a{display:block; color:#fff;} #about .item h4:hover{background:#ff4530;} #about .menu{margin-top:70px;} #about .menu ul{display:flex; flex-wrap:wrap; gap:15px;} #about .menu ul li{position:relative; width:276px; height:372px; border-radius:10px; overflow:hidden;} #about .menu ul li a{position:relative; display:block; height:100%;} #about .menu ul li a:before{content:''; position:absolute; left:0; right:0; top:0; bottom:60%; z-index:1; background:linear-gradient(rgba(0,0,0,.75),transparent);} #about .menu ul li a:after{content:''; position:absolute; left:0; right:0; top:60%; bottom:0; z-index:1; background:linear-gradient(transparent,rgba(0,0,0,.75));} #about .menu ul li img{width:276px; max-width:none; height:372px; transition:transform 0.3s linear;} #about .menu ul li h3{position:absolute; left:20px; right:20px; top:24px; z-index:2; height:24px; line-height:24px; font-size:22px; color:#fff; overflow:hidden;} #about .menu ul li h4{position:absolute; left:20px; right:20px; bottom:30px; z-index:2; height:20px; line-height:20px; font-size:17px; text-decoration:underline; color:#fff; overflow:hidden;} #about .menu ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} .title h3{display:flex; justify-content:center; align-items:center; gap:0 16px;} .title h3 i{width:140px; height:1px; background:#333;} .title h3 em{width:48px; height:48px; background:url(img/logo.png) no-repeat center;} .title h2{height:52px; line-height:52px; margin-top:24px; font-size:50px; font-weight:bold; text-align:center; overflow:hidden;} .title h2 em{color:#ff4530;} #product{margin-top:60px; padding:32px; background:#fff; border-radius:14px; overflow:hidden;} #product ul{display:flex; flex-wrap:wrap; gap:32px;} #product ul li{width:320px; height:360px; overflow:hidden;} #product ul li span{display:block; width:320px; height:320px; background:#f5f5f5; border-radius:10px; overflow:hidden;} #product ul li img{width:320px; max-width:none; height:320px; transition:transform 0.3s linear;} #product ul li h3{height:20px; line-height:20px; margin-top:20px; font-size:18px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #product ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #product ul li:hover h3{color:#256dfa;} #product-more{width:220px; height:52px; line-height:52px; margin:70px auto 0 auto; background:#256dfa; border-radius:26px; font-size:16px; text-align:center; overflow:hidden;} #product-more a{display:block; color:#fff;} #product-more:hover{background:#ff4530;} #wrap-support{padding:120px 0; background:url(img/support-bg.jpg) no-repeat top center; background-size:cover;} #support > h2{line-height:65px; font-size:50px; font-weight:bold; color:#fff;} #support .item{margin-top:50px;} #support .item ul{display:flex; flex-wrap:wrap; gap:40px;} #support .item ul li{width:690px; height:260px; background:#256dfa; border-radius:16px; overflow:hidden;} #support .item ul li a{display:flex; align-items:center; gap:0 50px; padding:80px 70px; padding-top: 55px; padding-bottom: 50px;} #support .item ul li section{flex:1; overflow:hidden;} #support .item ul li section h3{height:auto; line-height:28px; font-size:24px; color:#fff; overflow:hidden;} #support .item ul li section i{display:block; width:86px; height:1px; margin-top:23px; background:#fff;} #support .item ul li section p{height:104px; line-height:26px; margin-top:22px; font-size:15px; color:#fff; -webkit-line-clamp:4;} #support .item ul li em{background-repeat:no-repeat; background-position:center;} #support .item ul li em.s-icon1{width:86px; height:96px; background-image:url(img/s-icon1.png);} #support .item ul li em.s-icon2{width:90px; height:84px; background-image:url(img/s-icon2.png);} #support .item ul li em.s-icon3{width:86px; height:96px; background-image:url(img/s-icon3.png);} #support .item ul li em.s-icon4{width:90px; height:95px; background-image:url(img/s-icon4.png); } #support .item ul li:hover em{transform:rotateY(360deg); transition:transform 0.6s linear;} #case{position:relative; height:610px; margin-top:60px;} #case .swiper-button-prev,#case .swiper-button-next{left:auto; top:222px; z-index:2; width:16px; height:30px; margin:0; background-repeat:no-repeat; background-position:center;} #case .swiper-button-prev:after,#case .swiper-button-next:after{display:none;} #case .swiper-button-prev{right:580px; background-image:url(img/prev.png);} #case .swiper-button-next{right:170px; background-image:url(img/next.png);} #case-item{height:610px; margin:0 -240px; overflow:hidden;} #case-item .swiper-container{height:610px; overflow:hidden;} #case-item .swiper-wrapper{height:610px;} #case-item .swiper-slide{position:relative; width:1440px; height:610px; overflow:hidden;} #case-item .swiper-slide:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; display:block; background:rgba(0,0,0,.4);} #case-item .swiper-slide img{width:1440px; max-width:none; height:610px; transition:transform 0.3s linear;} #case-item .swiper-slide-active:after{display:none;} #case-item .swiper-slide-active:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #case-text{position:absolute; right:120px; bottom:0; z-index:1; width:526px; height:456px; padding:64px 50px 70px 50px; background:rgba(37,109,250,.9); overflow:hidden;} #case-text .swiper-container{height:322px; overflow:hidden;} #case-text .swiper-wrapper{height:322px;} #case-text .swiper-slide{height:322px; overflow:hidden;} #case-text .swiper-slide h3{height:38px; line-height:38px; padding:0 46px; font-size:36px; font-weight:bold; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #case-text .swiper-slide i{display:block; height:1px; margin-top:39px; background:rgba(255,255,255,.35);} #case-text .swiper-slide p{height:112px; line-height:28px; margin-top:36px; font-size:16px; color:rgba(255,255,255,.8); -webkit-line-clamp:4;} #case-text .swiper-slide h4{width:166px; height:46px; line-height:44px; margin:50px auto 0 auto; border:1px solid rgba(255,255,255,.9); font-size:15px; text-align:center; overflow:hidden;} #case-text .swiper-slide h4 a{display:block; color:rgba(255,255,255,.9);} #case-text .swiper-slide h4:hover{border-color:#fff;} #case-text .swiper-slide h4:hover a{color:#fff;} #wrap-news{padding:90px 0; background:url(img/news-bg.png) no-repeat right bottom #f4f4f4;} #news-title{display:flex; align-items:center; gap:0 12px;} #news-title i{width:48px; height:48px; background:url(img/logo.png) no-repeat center;} #news-title span{height:52px; line-height:52px; font-size:50px; font-weight:bold; overflow:hidden;} #news-title span em{color:#ff4530;} #news-button{display:flex; gap:0 20px;} #news-button .swiper-button-prev,#news-button .swiper-button-next{position:static; top:0; left:0; right:0; width:52px; height:52px; margin:0; background-repeat:no-repeat; background-position:center; background-color:#fff; border-radius:50%; transition:all 0.1s linear;} #news-button .swiper-button-prev:after,#news-button .swiper-button-next:after{display:none;} #news-button .swiper-button-prev{background-image:url(img/prev1.png);} #news-button .swiper-button-next{background-image:url(img/next1.png);} #news-button .swiper-button-prev:hover,#news-button .swiper-button-next:hover{background-color:#256dfa; transition:all 0.1s linear;} #news-button .swiper-button-prev:hover{background-image:url(img/prev1-h.png);} #news-button .swiper-button-next:hover{background-image:url(img/next1-h.png);} #news{margin-top:60px;} #news .swiper-container{height:472px; overflow:hidden;} #news .swiper-wrapper{height:472px;} #news .swiper-slide{position:relative; width:456px; height:472px; background:#fff; overflow:hidden;} #news .swiper-slide:before{content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; display:none; background:rgba(37,109,250,.82);} #news .swiper-slide img{width:456px; max-width:none; height:472px; opacity:0;} #news .swiper-slide a{position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; display:block; padding:60px 44px 80px 44px;} #news .swiper-slide h4{height:18px; line-height:18px; font-size:16px; color:#767676; overflow:hidden;} #news .swiper-slide h3{height:64px; line-height:32px; margin-top:30px; font-size:24px;} #news .swiper-slide p{height:84px; line-height:28px; margin-top:24px; font-size:15px; color:#6c6c6c; -webkit-line-clamp:3;} #news .swiper-slide h5{width:166px; height:46px; line-height:44px; margin-top:66px; border:1px solid #585858; font-size:15px; text-align:center; overflow:hidden;} #news .swiper-slide:hover:before{display:block;} #news .swiper-slide:hover img{opacity:1; transform:scale(1.08); transition:transform 0.3s linear;} #news .swiper-slide:hover h4,#news .swiper-slide:hover p{color:rgba(255,255,255,.82);} #news .swiper-slide:hover h3{color:#fff;} #news .swiper-slide:hover h5{border-color:#fff; color:#fff;} #wrap-ready{padding:130px 0 110px 0; background:url(img/ready-bg.jpg) no-repeat top center; background-size:cover;} #ready h2{height:86px; line-height:86px; font-size:76px; text-align:center; font-weight:bold; color:#fff; overflow:hidden;} #ready h3{height:26px; line-height:26px; margin-top:30px; font-size:23px; text-align:center; color:#fff; overflow:hidden;} #ready h4{width:216px; height:56px; line-height:56px; margin:60px auto 0 auto; background:#ff4530; border-radius:28px; font-size:21px; text-align:center; overflow:hidden;} #ready h4 a{display:block; color:#fff;} #ready h4:hover{line-height:54px; background:none; border:1px solid #fff;} /*内页样式*/ #lm-banner{display:flex; align-items:center; height:474px; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;} #lm-banner.about{background-image:url(img/lm-about.jpg);} #lm-banner.product{background-image:url(img/lm-product.jpg);} #lm-banner.case{background-image:url(img/lm-case.jpg);} #lm-banner.news{background-image:url(img/lm-news.jpg);} #lm-banner.contact{background-image:url(img/lm-contact.jpg);} #lm-banner h2{height:52px; line-height:52px; font-size:50px; font-weight:bold; color:#fff; overflow:hidden;} #lm-banner h3{height:22px; line-height:22px; margin-top:36px; font-size:20px; color:#fff; overflow:hidden;} #location{position:relative; height:76px; background:#fff; overflow:hidden;} #location:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:#dcdcdc;} #location .wrapper{height:100%;} #location .item{height:18px; line-height:18px; padding-left:24px; background:url(img/home.png) no-repeat left center; font-size:15px; color:#666; overflow:hidden;} #location .item a{color:#666;} #location .item a:hover,#location .item em{color:#ff4530;} .lm-title h2{height:48px; line-height:48px; font-size:46px; font-weight:bold; overflow:hidden;} .lm-title h2 em{color:#ff4530;} #menu ul{display:flex; justify-content:center; gap:0 20px;} #menu ul li{min-width:174px; height:52px; line-height:52px; background:#f0f0f0; border-radius:26px; font-size:16px; text-align:center; overflow:hidden;} #menu ul li a{display:block; padding:0 24px;} #menu ul li:hover a{color:#256dfa;} #menu ul li.current{background:#256dfa;} #menu ul li.current a{color:#fff;} #load-more{width:220px; height:52px; line-height:52px; margin:70px auto 0 auto; background:#256dfa; border-radius:26px; font-size:16px; text-align:center; overflow:hidden;} #load-more a{display:block; color:#fff;} #load-more:hover{background:#ff4530;} /*关于我们*/ #wrap-about{padding:90px 0 100px 0; background:url(img/about-bg.jpg) no-repeat bottom center #fff;} #lm-about{display:flex; gap:0 60px;} #lm-about .left{flex:1;} #lm-about .left > img{height:78px;} #lm-about .left > h2{height:52px; line-height:52px; margin-top:50px; font-size:50px; font-weight:bold; overflow:hidden;} #lm-about .left > h2 em{color:#ff4530;} #lm-about .left > h3{height:26px; line-height:26px; margin-top:10px; font-size:23px; color:#252c44; overflow:hidden;} #lm-about .left > i{display:block; width:64px; height:4px; margin-top:40px; background:#256dfa;} #lm-about .left .text{line-height:190%; margin-top:40px; font-size:16px; color:#3d414e;} #lm-about .left .text b{font-size:17px;} #lm-about .right{width:578px; overflow:hidden;} #lm-about .right img{width:578px; height:796px;} #lm-about .right section{line-height:28px; padding:26px 30px; background:#256dfa; font-size:15px; color:#fff;} #wrap-production{padding:110px 0 120px 0; background:url(img/production-bg.jpg) no-repeat top center; background-size:cover;} #production h2{display:flex; justify-content:center; align-items:center; gap:0 20px;} #production h2 i{width:144px; height:1px; background:#fff;} #production h2 span{height:44px; line-height:44px; font-size:42px; font-weight:bold; color:#fff; overflow:hidden;} #production .item{margin-top:80px;} #production .item ul{display:flex; flex-wrap:wrap; gap:48px 28px;} #production .item ul li{width:408px; height:294px; border-radius:10px; overflow:hidden;} #production .item ul li img{width:408px; max-width:none; height:294px; transition:transform 0.3s linear;} #production .item ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} /*产品系列*/ #p-search{margin-bottom:40px;} #p-search .item{display:flex; gap:20px;} #p-search .item input{flex:1; width:auto; height:52px; line-height:52px; padding:0 18px; border-color:#dcdcdc; border-radius:4px; font-size:16px; color:#464646;} #p-search .item input::-webkit-input-placeholder{color:#767676;} #p-search .item input::-moz-placeholder{color:#767676;} #p-search .item input::-ms-input-placeholder{color:#767676;} #p-search .item button{width:240px; height:52px; line-height:52px; background:#256dfa; border:none; border-radius:4px; font-size:17px; color:#fff;} #p-search .item button em{display:inline-block; padding-left:30px; background:url(img/search2.png) no-repeat left center;} #p-left{width:280px;} #p-menu h2{display:flex; justify-content:center; align-items:center; gap:0 14px; height:106px; background:#256dfa; border-radius:6px 6px 0 0; overflow:hidden;} #p-menu h2 i{width:44px; height:42px; background:url(img/menu.png) no-repeat center;} #p-menu h2 span{line-height:26px; font-size:25px; font-weight:bold; color:#fff;} #p-menu .item{background:#f5f5f5;} #p-menu .item > ul > li{border-bottom:1px dashed #dcdcdc;} #p-menu .item > ul > li:last-child{border-bottom:none;} #p-menu .item > ul > li > a{display:block; height:60px; line-height:60px; padding:0 62px 0 30px; background:url(img/arrow-r1.png) no-repeat right 27px center; font-size:16px; font-weight:bold; overflow:hidden;} #p-menu .item > ul > li > a:hover{background-image:url(img/arrow-r1-h.png); color:#256dfa;} #p-menu .item > ul > li ul{display:none; padding:0 40px 24px 40px;} #p-menu .item > ul > li ul li{height:18px; line-height:18px; margin-top:16px; font-size:15px; overflow:hidden;} #p-menu .item > ul > li ul li:first-child{margin-top:0;} #p-menu .item > ul > li ul li a{position:relative; display:block; padding-left:16px;} #p-menu .item > ul > li ul li a:before{content:''; position:absolute; left:0; top:7px; display:block; width:4px; height:4px; background:#464646;} #p-menu .item > ul > li ul li:hover a{color:#256dfa;} #p-menu .item > ul > li ul li:hover a:before{background:#256dfa;} #p-menu .item > ul > li.current > a{position:relative; background-image:url(img/arrow-b-h.png); color:#256dfa;} #p-menu .item > ul > li.current > a:before{content:''; position:absolute; left:0; top:16px; bottom:16px; display:block; width:4px; background:#256dfa;} #p-menu .item > ul > li.current ul{display:block;} #p-menu .item > ul > li ul li.current a{color:#256dfa;} #p-menu .item > ul > li ul li.current a:before{background:#256dfa;} #p-menu .item > ul > li.open > a{background-image:url(img/arrow-b.png);} #p-menu .item > ul > li.open > a:hover{background-image:url(img/arrow-b-h.png);} #p-menu .item > ul > li.open ul{display:block;} #p-menu .item > ul > li.current.flod > a{background-image:url(img/arrow-r1-h.png);} #p-menu .item > ul > li.current.flod ul{display:none;} #p-right{width:970px;} #product-list ul{display:flex; flex-wrap:wrap; gap:40px 20px;} #product-list ul li{width:310px; height:370px; overflow:hidden;} #product-list ul li span{display:block; width:310px; height:310px; background:#f5f5f5; overflow:hidden;} #product-list ul li img{width:310px; max-width:none; height:310px; transition:transform 0.3s linear;} #product-list ul li h3{height:60px; line-height:60px; padding:0 24px; background:#c0cbdd; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #product-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #product-list ul li:hover h3{background:#256dfa; color:#fff;} #pd-info{display:flex; align-items:center; gap:0 50px;} #pd-info .left{width:456px; height:456px; background:#f5f5f5; border:1px solid #dcdcdc; overflow:hidden;} #pd-info .left img{width:454px; height:454px;} #pd-info .right{flex:1; overflow:hidden;} #pd-info .right > h1{height:32px; line-height:32px; font-size:30px; overflow:hidden;} #pd-info .right > p{height:336px; line-height:28px; margin-top:24px; font-size:15px; color:#5a5f67; -webkit-line-clamp:12;} #pd-title{height:58px; line-height:58px; margin-top:50px; padding-left:100px; background:url(img/p-title.png) no-repeat center; font-size:22px; color:#256dfa; overflow:hidden;} #pd-item{line-height:190%; margin-top:40px; font-size:16px; color:#464646;} #p-like{margin-top:80px;} #p-like h2{height:40px; line-height:40px; font-size:38px; font-weight:bold; overflow:hidden;} #p-like i{display:block; height:1px; margin-top:29px; background:#dcdcdc;} #p-like .item{margin-top:48px;} #p-like .item ul{display:flex; flex-wrap:wrap; gap:36px 32px;} #p-like .item ul li{width:296px; height:336px; overflow:hidden;} #p-like .item ul li span{display:block; width:296px; height:296px; background:#f5f5f5; border-radius:10px; overflow:hidden;} #p-like .item ul li img{width:296px; max-width:none; height:296px; transition:transform 0.3s linear;} #p-like .item ul li h3{height:20px; line-height:20px; margin-top:20px; font-size:18px; text-align:center; overflow:hidden;} #p-like .item ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #p-like .item ul li:hover h3{color:#256dfa;} /*案例展示*/ #case-list{margin-top:70px;} #case-list ul{display:flex; flex-wrap:wrap; gap:48px 32px;} #case-list ul li{width:624px; height:616px; background:#fff; overflow:hidden;} #case-list ul li a{display:block; padding:24px 24px 48px 24px;} #case-list ul li span{display:block; width:576px; height:306px; overflow:hidden;} #case-list ul li img{width:576px; max-width:none; height:306px; transition:transform 0.3s linear;} #case-list ul li h4{height:18px; line-height:18px; margin-top:24px; font-size:16px; color:#6a6a6a;} #case-list ul li h3{height:26px; line-height:26px; margin-top:24px; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #case-list ul li p{height:52px; line-height:26px; margin-top:16px; font-size:16px; color:#4f4f4f;} #case-list ul li h5{width:166px; height:46px; line-height:44px; margin-top:32px; border:1px solid #585858; font-size:15px; text-align:center; overflow:hidden;} #case-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #case-list ul li:hover h3{color:#256dfa;} #case-list ul li:hover h5{background:#256dfa; border-color:#256dfa; color:#fff;} /*新闻资讯*/ #news-list{margin-top:60px;} #news-list ul li{margin-top:48px; padding-bottom:48px; border-bottom:1px solid #dcdcdc;} #news-list ul li:first-child{margin-top:0;} #news-list ul li a{display:flex; gap:0 60px;} #news-list ul li .left{flex:1; display:flex; gap:0 36px; margin-top:20px; overflow:hidden;} #news-list ul li .left .date{width:118px; height:118px; padding:14px 0 20px 0; background:#f6f6f6; border:1px solid #dcdcdc; text-align:center; overflow:hidden; transition:all 0.1s linear;} #news-list ul li .left .date h4{height:58px; line-height:58px; font-size:56px; font-weight:bold; overflow:hidden;} #news-list ul li .left .date h5{height:18px; line-height:18px; margin-top:6px; font-size:16px; overflow:hidden;} #news-list ul li .left .text{flex:1; overflow:hidden;} #news-list ul li .left .text h3{height:26px; line-height:26px; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news-list ul li .left .text p{height:60px; line-height:30px; margin-top:20px; font-size:16px; color:#747474;} #news-list ul li .left .text h4{height:18px; line-height:18px; margin-top:40px; font-size:15px; text-decoration:underline; overflow:hidden;} #news-list ul li .right{width:354px; height:226px; overflow:hidden;} #news-list ul li .right img{width:354px; max-width:none; height:226px; transition:transform 0.3s linear;} #news-list ul li:hover .left .date{background:#256dfa; border-color:#256dfa; color:#fff; transition:all 0.1s linear;} #news-list ul li:hover .left .text h3{color:#256dfa;} #news-list ul li:hover .left .text h4{color:#ff4530;} #news-list ul li:hover .right img{transform:scale(1.08); transition:transform 0.3s linear;} #article-title{line-height:42px; margin-top:60px; font-size:32px; text-align:center;} #article-info{height:18px; line-height:18px; margin-top:24px; font-size:16px; text-align:center; color:#464646; overflow:hidden;} #article{line-height:200%; margin-top:40px; padding-top:40px; border-top:1px solid #dcdcdc; font-size:16px; color:#464646;} #prev-next{margin-top:70px; padding-bottom:50px; border-bottom:1px solid #dcdcdc;} #prev-next a{display:flex; align-items:center; gap:0 20px; margin-top:30px;} #prev-next a:first-child{margin-top:0;} #prev-next a em{width:112px; height:42px; line-height:40px; border:1px solid #dcdcdc; font-size:16px; text-align:center; color:#464646; overflow:hidden;} #prev-next a span{flex:1; height:18px; line-height:18px; font-size:16px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #prev-next a:hover em{border-color:#256dfa; color:#256dfa;} #prev-next a:hover span{color:#256dfa;} /*联系我们*/ .wrap-white + .wrap-white{border-top:1px solid #dcdcdc;} #contact{display:flex; margin-top:70px; gap:0 80px;} #contact .left{flex:1;} #contact .left > img{height:78px;} #contact .left > h2{height:24px; line-height:24px; margin-top:18px; font-size:22px; font-weight:bold; overflow:hidden;} #contact .left > i{display:block; height:1px; margin-top:39px; background:#dcdcdc;} #contact .left .item{margin-top:40px;} #contact .left .item ul li{display:flex; gap:0 4px; margin-top:24px;} #contact .left .item ul li h3{height:30px; line-height:30px; padding-left:42px; background-repeat:no-repeat; background-position:left center; font-size:17px; font-weight:bold; overflow:hidden;} #contact .left .item ul li h3.c-icon1{background-image:url(img/c-icon1.png);} #contact .left .item ul li h3.c-icon2{background-image:url(img/c-icon2.png);} #contact .left .item ul li h3.c-icon3{background-image:url(img/c-icon3.png);} #contact .left .item ul li h3.c-icon4{background-image:url(img/c-icon4.png);} #contact .left .item ul li p{flex:1; line-height:26px; margin-top:2px; font-size:15px;} #contact .left .item ul li .qrcode span{display:block; width:122px; height:122px; margin:0 auto; border:1px solid #dcdcdc; overflow:hidden;} #contact .left .item ul li .qrcode img{width:120px; height:120px;} #contact .left .item ul li .qrcode h4{line-height:20px; margin-top:10px; font-size:14px; text-align:center;} #contact .right{width:556px; height:584px; border-radius:10px; overflow:hidden;} #contact .right img{width:556px; height:584px;} #map{height:440px; margin-top:80px; background:#f6f6f6;} #map img{max-width:none;} .amap-logo,.amap-copyright{display:none !important;} #feedback{margin-top:70px;} #feedback .input-group{display:flex; flex-wrap:wrap; gap:30px 40px; margin-bottom:30px;} #feedback .input-group .input{width:calc((100% - 40px) / 2);} #feedback .input-group .input h3{height:18px; line-height:18px; font-size:16px; color:#666; overflow:hidden;} #feedback .input-group .input h3 em{margin-right:6px; color:#ff4530;} #feedback .input-group .input input{display:block; width:100%; height:48px; line-height:48px; margin-top:12px; padding:0 16px; border-color:#dcdcdc; border-radius:4px; font-size:16px; color:#464646;} #feedback .textarea{margin-bottom:30px;} #feedback .textarea h3{height:18px; line-height:18px; font-size:16px; color:#666; overflow:hidden;} #feedback .textarea h3 em{margin-right:6px; color:#ff4530;} #feedback .textarea textarea{display:block; width:100%; height:208px; line-height:26px; margin-top:12px; padding:12px 16px; border-color:#dcdcdc; border-radius:4px; font-size:16px; color:#464646;} #feedback .code h3{height:18px; line-height:18px; font-size:16px; color:#666; overflow:hidden;} #feedback .code h3 em{margin-right:6px; color:#ff4530;} #feedback .code .item{display:flex; align-items:center; gap:0 16px; width:400px; height:48px; margin-top:12px; padding:0 16px; border:1px solid #dcdcdc; border-radius:4px; overflow:hidden;} #feedback .code .item input{flex:1; width:auto; padding:0; border:none; border-radius:0; font-size:16px; color:#464646;} #feedback .code .item img{max-height:46px;} #feedback .button button{display:block; width:222px; height:52px; line-height:52px; background:#256dfa; border:none; border-radius:6px; font-size:20px; color:#fff;} #feedback .button button em{display:inline-block; padding-left:30px; background:url(img/arrow-r.png) no-repeat left center;} .weo-tip{height:52px; padding:0 20px; border-radius:5px;} .weo-tip-text{height:52px;} .weo-tip-text i{width:22px; height:22px; margin-right:12px; background-size:22px 22px;} .weo-tip-text span{height:18px; line-height:18px; font-size:15px;} /*底部样式*/ #footer{padding:70px 0; background:url(img/footer-bg.jpg) no-repeat top center; background-size:cover;} #f-about{max-width:560px;} #f-about p{line-height:30px; margin-top:20px; padding-left:16px; font-size:16px; color:#585858;} #f-about h4{width:166px; height:46px; line-height:44px; margin:36px 0 0 16px; border:1px solid #585858; font-size:15px; text-align:center; overflow:hidden;} #f-about h4 a{display:block; color:#464646;} #f-about h4:hover{border-color:#256dfa;} #f-about h4:hover a{color:#256dfa;} #f-menu h2{height:22px; line-height:22px; font-size:20px; font-weight:bold; color:#464646; overflow:hidden;} #f-menu i{display:block; width:32px; height:2px; margin-top:14px; background:#555;} #f-menu ul{margin-top:40px;} #f-menu ul li{height:18px; line-height:18px; margin-top:18px; font-size:16px; overflow:hidden;} #f-menu ul li:first-child{margin-top:0;} #f-menu ul li a{position:relative; display:inline-block; padding-left:18px; color:#585858;} #f-menu ul li a:before{content:''; position:absolute; left:0; top:3.5px; display:block; width:0; height:0; border-left:7px solid #6d6d6d; border-top:5.5px solid transparent; border-bottom:5.5px solid transparent;} #f-menu ul li a:hover{color:#256dfa;} #f-menu ul li a:hover:before{border-left-color:#256dfa;} #f-contact{max-width:400px;} #f-contact h2{height:22px; line-height:22px; font-size:20px; font-weight:bold; color:#464646; overflow:hidden;} #f-contact i{display:block; width:32px; height:2px; margin-top:14px; background:#555;} #f-contact ul{margin-top:40px;} #f-contact ul li{line-height:26px; margin-top:16px; padding-left:34px; background-repeat:no-repeat; background-position:left top 1px; font-size:16px; color:#585858;} #f-contact ul li:first-child{margin-top:0;} #f-contact ul li.phone{background-image:url(img/phone.png);} #f-contact ul li.mail{background-image:url(img/mail.png);} #f-contact ul li.address{background-image:url(img/address.png);} #copyright{height:70px; line-height:70px; background:#256dfa; font-size:16px; color:rgba(255,255,255,.77); overflow:hidden;} #copyright a{color:rgba(255,255,255,.77);} #copyright a:hover{color:#fff;} #pageinfo { text-align: center; margin-bottom: 10px; margin-top: 26px; } .digg { padding-top: 30px; } .digg li{ width: 43px; height: 43px; line-height: 42px; display:inline-block; margin:0 4px; background:#fff; border:1px solid #d6d6d6; border-radius:2px; font-size:14px; color:#767676; } .digg .page-item a{ border: none; padding: 0px; height: 40px; line-height: 40px; display: inline-block; width: 40px; overflow: inherit; } .digg .page-item a:hover { /*background-color: #015196;*/ color: #044f9a; } .digg .page-item a:active { background-color: #256dfa; color:#fff; } .digg li.active { display: inline-block; /* margin: 2px; */ width: 43px; height: 43px; line-height: 42px; background-color: #256dfa; color: #fff; text-decoration: none; } @media (max-width: 1000px){ .wrapper { width: 100%;} #nav{ display: none;} #banner .swiper-slide img{ height: 210px;} #banner .swiper-slide{ height: 210px;} #banner{height: 210px;} #about > img{height: 62px;} #about .item h3 { height: auto; line-height: 30px; font-size: 18px; font-weight: bold; text-align: center; overflow: hidden;} #about .item h3 { height: auto; line-height: 30px; font-size: 18px; font-weight: bold; text-align: center; overflow: hidden; } #about .item h4 { width: 180px; height: 45px; line-height: 45px; margin: 44px auto 0 auto; background: #256dfa; border-radius: 26px; font-size: 14px; text-align: center; overflow: hidden; } #about .menu ul li{ width: 48%; height: 260px;} #about .item p { line-height: 30px; margin-top: 24px; padding: 0 20px; font-size: 15px; text-align: center; color: #606676; } #about > h2 { height: 12px; line-height: 82px; font-family: 'ArialBlack'; font-size: 68px; text-align: center; color: #edf3f7; } .wrap-white.p1 { padding: 30px 0; } #about .item { margin-top: 27px; } #about .menu ul li:nth-child(5){ display: none;} #about .menu ul li h3{ font-size: 18px;} #about .menu ul li h4{ font-size: 14px;} #about .menu ul li img { width: 100%; max-width: none; height: 260px;} #about .menu{box-sizing: border-box; padding-left: 10px; padding-right: 10px;} .title h2{ font-size: 24px;} #product { margin-top: 18px; padding: 12px;} #product ul li img{ width:100%;height: 200px;} #product ul li span{ width: 100%; height: 200px;} #product ul li{ width: 49%;} #product ul li{ display: inline-block;} #product ul{ display: block;} #product ul li h3{ font-size: 14px;} #product ul li{ height: 258px;} #product ul li h3{ margin-top: 8px;} #product-more { width: 176px; height: 45px; line-height: 45px; margin: 70px auto 0 auto; background: #256dfa; border-radius: 26px; font-size: 13px; text-align: center; overflow: hidden; } #product-more{ margin-top: 40px;} #support > h2 { line-height: 37px; font-size: 22px; font-weight: bold; color: #fff; } #support .item ul li a{padding: 20px 30px;} #support .item ul li { width: 100%; height: 232px; background: #256dfa; border-radius: 16px; overflow: hidden; } #support .item ul li section p { height: 104px; line-height: 20px; margin-top: 17px; font-size: 14px; color: #fff; -webkit-line-clamp: 6; } #support .item ul li section h3{ font-size: 22px;} #support .item ul li section i{ margin-top: 15px;} #support .item ul li{ width: 96%; margin: 0 auto;} #support .item ul{gap: 19px;} #support .item ul li em.s-icon1 { width: 74px; height: 96px; background-size: 62%; } #support .item ul li em.s-icon2{ width: 74px; height: 96px; background-size: 66%; } #support .item ul li em.s-icon3{ width: 74px; height: 96px; background-size: 53%; } #support .item ul li em.s-icon4{ width: 74px; height: 96px; background-size: 53%; } #support .item ul { gap: 1px; } #support .item ul li a{gap:0 13px;} #support .item ul li{height: 224px; padding-top: 10px;} #support .item ul li{ height: 240px;} #wrap-support{padding: 49px 0;} #support > h2{ padding-left:20px;box-sizing: border-box; padding-right: 20px;} #support .item { margin-top: 17px; } #support > h2{ line-height: 28px;} #case-item .swiper-slide img{ width: 100%;height: 340px;} #case-item .swiper-slide{ width: 100%; height: 340px;} #case{height: 340px;} #case-text { position: absolute; right: 0; bottom: 0; z-index: 1; width: 80%; height: 279px; padding: 27px; background: rgba(37,109,250,.9); overflow: hidden; } #case-text .swiper-slide h3{ font-size: 23px;} #case .swiper-button-next{ right: 20px;top: 92px} #case .swiper-button-prev{ right: 275px;top: 92px} #case-text .swiper-slide i{ margin-top: 20px;} #case-text .swiper-slide p { height: 67px; line-height: 22px; margin-top: 20px; font-size: 14px; color: rgba(255,255,255,.8); -webkit-line-clamp: 3; } #case-text .swiper-slide h4 { width: 145px; height: 45px; line-height: 43px; margin: 26px auto 0 auto; border: 1px solid rgba(255,255,255,.9); font-size: 14px; text-align: center; overflow: hidden; } #news .swiper-slide{ width: 100%!important; margin-right: 0!important;} /*#news .swiper-wrapper{ display: block;} #news .swiper-container{ height: auto;}*/ #ready h2{ font-size: 28px;} #ready h3 { height: auto; line-height: 26px; margin-top: -4px; font-size: 15px; text-align: center; color: #fff; overflow: hidden; } #ready h4 { width: 169px; height: 45px; line-height: 45px; margin: 24px auto 0 auto; background: #ff4530; border-radius: 28px; font-size: 15px; text-align: center; overflow: hidden; } #wrap-ready{padding: 30px 0 40px 0;} #news .swiper-slide img{ width: 100%;} #case-item .swiper-container{ height:350px;} #case-item{height:350px;} #news-title span{ font-size: 25px;} #news-title i { width: 30px; height: 30px; background: url(img/logo.png) no-repeat center; background-size: 100%; } #news-button .swiper-button-prev, #news-button .swiper-button-next{ width: 45px; height: 45px;} #news .swiper-wrapper { height: auto; display: block; transform: translate3d(0px, 0px, 0px)!important; } #news .swiper-container{ height: auto;} #news .swiper-slide{ width:96%!important; margin:0 auto!important;margin-top: 10px;} #news .swiper-slide a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; display: block; padding: 30px 20px 30px 25px; } #news .swiper-slide h5 { width: 150px; height: 45px; line-height: 44px; margin-top: 14px; border: 1px solid #585858; font-size: 13px; text-align: center; overflow: hidden; } #news .swiper-slide h3 { height: auto; line-height: 27px; margin-top: 14px; font-size: 20px; } #news .swiper-slide p { height: 77px; line-height: 24px; margin-top: 0; font-size: 15px; color: #6c6c6c; -webkit-line-clamp: 3; } #news .swiper-slide{ height:302px; margin-bottom: 15px!important;} #news { margin-top: 40px; height: 947px; overflow: hidden; } #wrap-news{padding: 40px 0;} #about .item p{ line-height: 25px;} .wrap-gray.p1 { padding: 40px 0; } #news .swiper-slide a{padding: 42px 30px 30px 30px;} #wrap-news{ box-sizing: border-box; padding-left: 10px; padding-right: 10px;} #f-about{ display: none;} #f-contact ul li{ font-size: 14px;} #f-menu ul li{ font-size: 14px;} #copyright { height: auto; line-height: 22px; padding: 10px;box-sizing: border-box;} #copyright{ font-size: 13px;} #f-menu{box-sizing: border-box; padding-left: 10px; padding-right: 10px;} #f-contact ul li{ line-height: 22px;} #footer{padding: 40px 0;} #about .menu { margin-top: 38px; } .title h2{ margin-top: 12px;} #banner .swiper-pagination{bottom: 12px;} #lm-about .left > h2{ font-size: 23px;} #lm-about .left > h3 { height: 26px; line-height: 26px; margin-top: 0; font-size: 16px; color: #252c44; overflow: hidden; } #lm-about .left .text { line-height: 190%; margin-top: 23px; font-size: 15px; color: #3d414e; } #lm-about .left > img { height: 50px; } #lm-about .left > h2 { height: 44px; line-height: 52px; margin-top: 19px;} #lm-about .left > i { display: block; width: 60px; height: 3px; margin-top: 16px; background: #256dfa; } #wrap-about{padding: 30px 20px 30px 20px;box-sizing: border-box;} #lm-about .right{width: 100%;} #lm-about{ display: block;} .wrapper.min { width: 100%; } #location .item{ font-size: 14px;} #location{ height: 48px;} #lm-about .right img { width: 100%; height: auto; } #lm-banner h2{ font-size: 30px;} #lm-banner h3 { height: auto; line-height: 22px; margin-top: 4px; font-size: 14px; color: #fff; overflow: hidden; } #lm-banner{ height: 166px;} #production h2 i { width: 48px;} #production h2 span{ font-size: 17px;} #production .item{ padding-left: 15px; padding-right: 15px;} #production .item ul li img{ width: 100%; height: 160px;} #production .item ul{ display: block;} #production .item ul li{ width: 49%; height: 160px;display: inline-block; margin-top: 15px;} #production .item ul li:nth-child(2n){ float: right;} #production .item { margin-top: 10px; } #wrap-production{padding: 50px 0 68px 0;} .lm-title h2{ font-size: 25px;} #case-list { margin-top: 30px; } #case-list ul li { width: 100%; height: 608px;} #case-list ul li img { width: 100%; max-width: none; height: 200px; transition: transform 0.3s linear; } #case-list ul li span{width: 100%; height: 200px;} #case-list ul li h3{ font-size: 18px;} #case-list ul li p { height: 54px; line-height: 26px; margin-top: 11px; font-size: 14px; color: #4f4f4f; } #case-list ul li h4 { height: 18px; line-height: 18px; margin-top: 21px; font-size: 14px; color: #6a6a6a; } #case-list ul li a{ padding: 20px;} #case-list ul li h5 { width: 150px; height: 44px; line-height: 44px; margin-top: 32px; border: 1px solid #585858; font-size: 13px; text-align: center; overflow: hidden; } #case-list ul li { width: 100%; height: 485px; } #case-list ul li{ width: 95%; margin: 0 auto; margin-top: 20px;} #case-list ul { display: flex; flex-wrap: wrap; gap: 0 29px; } #case-list { margin-top: 0; } #location{ padding-right: 10px;} #lm-banner { height: 194px; } #contact .left > img { height: 54px; } #contact .left > h2{ font-size: 16px;} #contact .left .item ul li p{ font-size: 14px;} #contact .left .item ul li h3{ font-size: 15px;} #contact{ display: block;} #contact{box-sizing: border-box; padding: 20px;} #contact{ margin-top: 20px;} #contact .right img{ width: 100%; height: auto;} #contact .right{ width: 100%; height: auto; margin-top: 20px;} #map{ width: 94%; margin: 0 auto; height: 300px;} #feedback .input-group .input h3{ font-size: 15px;} #feedback { width: 96%; margin: 0 auto; margin-top: 30px; } #feedback .input-group { display: flex; flex-wrap: wrap; gap: 17px 18px; margin-bottom: 30px; } #feedback .code .item{ width: 230px;} #feedback .button button { display: block; width: 138px; height: 52px; line-height: 52px; background: #256dfa; border: none; border-radius: 6px; font-size: 14px; color: #fff; } #news-list ul li .left .date{ display: none;} #news-list ul li .right { width: 45%; height: 193px; overflow: hidden; } #news-list ul li a { display: flex; gap: 0 20px; } #news-list ul li .left .text h3{ font-size: 18px;} #news-list ul li .left .text p { height: 43px; line-height: 21px; margin-top: 8px; font-size: 15px; color: #747474; } #news-list ul li .left .text h4 { height: 18px; line-height: 18px; margin-top: 21px; font-size: 14px; text-decoration: underline; overflow: hidden; } #news-list ul li .right img{ width: 100%; height: 130px;} #news-list ul li .right{ height: 130px;} #news-list ul li .left{ margin-top: 0;} #news-list ul li a { display: flex; gap: 0 10px; } #news-list{width: 94%; margin: 0 auto; margin-top: 40px;} #news-list ul li { margin-top: 30px; padding-bottom: 30px;} #menu ul li { min-width: 152px; height: 42px; line-height: 42px; background: #f0f0f0; border-radius: 26px; font-size: 14px; text-align: center; overflow: hidden; } .wrap-white.p2 { padding: 30px 0 40px 0; } #news-list ul li .left .text h4{ font-size: 13px;} #f-contact h2{ font-size: 16px;} #f-menu h2{font-size: 16px;} #article-title { line-height: 32px; margin-top: 31px; font-size: 22px; text-align: center; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } #article-info { height: 18px; line-height: 18px; margin-top: 11px; font-size: 14px;} #article { line-height: 25px; margin-top: 35px; padding-top: 29px; border-top: 1px solid #dcdcdc; font-size: 15px; color: #464646; padding-left: 20px; padding-right: 20px; } #article img{ max-width: 100%; height: auto!important;} #prev-next a span{ font-size: 14px;} #prev-next a em { width: 79px; height: 35px; line-height: 35px; border: 1px solid #dcdcdc; font-size: 15px; text-align: center; color: #464646; overflow: hidden; } #prev-next{padding-left: 20px; padding-right: 20px;box-sizing: border-box;} #p-left{ display:none;} #pd-info{ display: block;} #pd-info .left img{ width: 100%; height: auto;} #pd-info .left{ width: 100%;} #p-right{width: 96%; margin: 0 auto;} #pd-info .right > h1{ margin-top: 20px; font-size: 24px;} #pd-title{background: url(img/p-title.png) no-repeat left center; font-size: 20px;} #pd-item { line-height: 190%; margin-top: 27px; font-size: 14px; color: #464646; } #pd-item img{ width: 100%; height: auto;} #p-like h2{ font-size: 22px;} #p-like i{ margin-top: 10px;} #p-like { margin-top: 40px; } #p-like{ width: 96%; margin: 0 auto; margin-top: 40px;} #p-like .item ul{ display: block;} #p-like .item ul li{ width: 49%; height: 250px; display: inline-block;} #p-like .item ul li img{ width: 100%; height: 200px;} #p-like .item ul li span{ width: 100%; height: 200px;} #p-like .item ul li h3 { height: 20px; line-height: 20px; margin-top: 12px; font-size: 15px; text-align: center; overflow: hidden; } #p-like .item { margin-top: 30px; } #p-search .item button { width: 120px; height: 46px; line-height: 46px; background: #256dfa; border: none; border-radius: 4px; font-size: 13px; color: #fff; } #p-search .item input { flex: 1; width: auto; height: 46px; line-height: 46px; padding: 0 6px; border-color: #dcdcdc; border-radius: 4px; font-size: 12px; color: #464646; } #p-search .item { display: flex; gap: 10px; } #p-menu h2 span{ font-size: 16px;} #p-menu h2{ height: 78px;gap: 0 6px;} #p-menu .item > ul > li > a { display: block; height: 60px; line-height: 60px; padding: 0 50px 0 16px; background: url(img/arrow-r1.png) no-repeat right 27px center; font-size: 14px; font-weight: bold; overflow: hidden; } #p-menu h2 i{background-size: 80%;} #p-menu .item > ul > li ul li{ font-size: 14px;} #product-list ul li span{ width: 100%; height: 218px;} #product-list ul li img{ width: 100%; height: 218px;} #product-list ul li{ width: 100%;} #product-list ul li{ height: auto;} #product-list ul li h3 { height: 46px; line-height: 46px; padding: 0 24px; background: #c0cbdd; font-size: 14px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #p-search{box-sizing: border-box; padding-left: 10px; padding-right: 10px;} #p-menu .item > ul > li ul{padding: 0 22px 17px 19px;} #product-list ul{ display: block;} .new_index_header { position: fixed; z-index: 999; left: 0px; top: 0px; width: 100%; padding: 15px 0px; background: #fff; box-shadow: 0 8px 8px 0px rgb(0 0 0 / 8%); display: block; } .xin_logo{ float: left; width: 182px; padding-left: 10px;} .xin_logo img{ width: 100%;} #banner{ margin-top: 60px;} .new_index_navbtn { float: right; margin-right: 15px; width: 30px; height: 26px; position: relative; cursor: pointer; margin-top: 9px; } .new_index_navbtn span { display: block; height: 2px; background: #333; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .new_index_navbtn span:nth-child(2) { width: 70%; top: 12px; } .new_index_navbtn span:nth-child(3) { top: 24px; } .new_index_navbtn:hover span { width: 100%; } .new_index_closeNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 12px; } .new_index_closeNavbtn span:nth-child(2) { display: none; } .new_index_closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; } .new_Common_nav { display: none; position: fixed; left: 0px; top: 62px; bottom: 0px; right: 0px; overflow-y: auto; background-color: #fff; } .new_Common_nav ul { padding: 20px 15px 0px; } .new_Common_nav ul li { cursor: pointer; border-bottom: 1px solid #ccc; position: relative; } .new_Common_nav ul li h2{ margin:0; } .new_Common_nav ul li h2 a { font-weight: 700; height: 50px; line-height: 50px; font-size: 14px; display: block; color: #333; position: relative; } .new_Common_nav ul li i { position: absolute; right: 0px; top: 0px; height: 50px; width: 30%; } .new_Common_nav ul li i:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #555; border-right: 2px solid #555; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; } .new_Common_nav ul li.cur .new_child_navbox { max-height: 1500px; height: auto; padding-bottom: 20px; } .new_Common_nav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .new_child_navbox { width: 100%; background-color: #fff; overflow: hidden; max-height: 0px; } .new_childnav_web dd h3 { padding-top: 10px; padding-bottom: 10px; margin:0; } .new_childnav_web dd h3 a { color: #4c4f55; font-size: 14px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .new_childnav_web dd h3 a:hover { padding-left: 30px; color: #ed3542; font-weight: 700; background-position: 0px center; } .new_childnav_web dd:last-child { background-image: none; } dd{ margin:0; padding-left: 0; } .new_childnav_Program dd h3 { padding-top: 10px; } .new_childnav_web{ margin:0; } #header{ display: none;} #banner .swiper-pagination-bullet{ margin: 3px;} #about > img { height: 56px; } #about .item h4{ margin-top: 25px;} #about .menu ul li{ float: left; width: 49%; margin-bottom: 10px;} #about .menu ul li:nth-child(2n){ float: right;} #about .menu ul{ display: block;} #product ul li img { width: auto; height: 147px; } #product ul li span{align-items: center; display: flex; justify-content: center;} #product ul li span{ background: #fff; height: 180px;} #product ul li { height: 226px; } #support .item ul li{ margin-top: 15px;} #case-item{ margin: 0;} #news-button .swiper-button-next{margin-left: 8px;} #news{ margin-top: 20px; height: 940px;} #lm-banner{ margin-top: 60px;} #contact .left > img { height: 47px; } #feedback .input-group .input{ width: 100%;margin-bottom: 12px;} #feedback .input-group{ margin-bottom: 10px;} }