/*全局样式*/ @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;} .wrapper{width:1400px;} .wrap-gray{padding:70px 0; background:#f5f5f5;} .wrap-blue{position:relative; min-height:520px; padding-top:70px; background:#fff;} .wrap-blue:before{content:''; position:absolute; left:0; right:0; top:0; display:block; height:520px; background:#2e345e;} .wrap-blue .wrapper{position:relative; z-index:1;} .wrap-white{padding:70px 0; background:#fff;} /*头部样式*/ #header{position:sticky; top:0; z-index:99; height:90px; background:#fff; box-shadow:0 10px 10px -10px rgba(0,0,0,.08);} #header .wrapper{height:100%;} #logo img{width:482px; height:42px;} #nav > ul{display:flex; gap:0 36px;} #nav > ul > li{position:relative; height:90px; text-align:center;} #nav > ul > li > a{display:block; height:90px; line-height:90px; font-size:17px; overflow:hidden;} #nav > ul > li:hover > a{color:#2e345e;} #nav > ul > li.current > a{color:#2e345e;} #nav > ul > li.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:4px; background:#2e345e;} #nav > ul > li ul{position:absolute; left:50%; top:90px; transform:translate(-50%,20px); display:none; width:140px; padding:12px 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:38px; line-height:38px; font-size:16px; overflow:hidden;} #nav > ul > li ul li a{display:block; padding:0 18px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.2s linear;} #nav > ul > li ul li:hover a{letter-spacing:1px; color:#2e345e; transition:all 0.2s linear;} #search-btn{width:20px; height:20px; margin-left:30px; 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{position:relative; z-index:99; height:60px; margin-left:30px; padding:20px 0; cursor:pointer;} #language h3{display:flex; align-items:center; gap:0 16px;} #language h3 span{height:20px; line-height:20px; padding-left:30px; background:url(img/language.png) no-repeat left center; font-size:15px; color:#666; overflow:hidden; transition:all 0.1s linear;} #language h3 i{width:12px; height:7px; background:url(img/arrow-b.png) no-repeat center; transition:background 0.1s linear,transform 0.2s linear;} #language:hover h3 span{background-image:url(img/language-h.png); color:#2e345e; transition:all 0.1s linear;} #language:hover h3 i{background-image:url(img/arrow-b-h.png); transform:rotate(180deg); transition:background 0.1s linear,transform 0.2s linear;} #language ul{position:absolute; left:50%; top:60px; transform:translate(-50%,20px); display:none; width:130px; padding:12px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.08); opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;} #language:hover ul{display:block;} #language ul li{height:36px; line-height:36px; font-size:15px; text-align:center; overflow:hidden;} #language ul li a{display:block; padding:0 18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.2s linear;} #language ul li:hover a{letter-spacing:1px; color:#2e345e; transition:all 0.2s linear;} #search{right:0; top:110px; z-index:98; display:none; height:64px; padding:10px; background:rgba(255,255,255,.5); box-shadow:0 0 10px rgba(0,0,0,.08); overflow:hidden;} #search input{width:256px; height:44px; line-height:44px; padding:0 16px; border:none; border-radius:0; font-size:15px; 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:44px; height:44px; background:url(img/search1.png) no-repeat center #2e345e; background-size:20px 20px; border:none; border-radius:0;} /*首页样式*/ #banner{width:100%; height:850px; overflow:hidden;} #banner .swiper-wrapper{height:850px;} #banner .swiper-slide{width:100%; height:850px;} #banner .swiper-slide img{width:100%; height:850px;} #banner .swiper-slide video{width:100%; height:850px;} #banner .swiper-pagination{left:50%; bottom:40px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; gap:0 12px; width:auto;} #banner .swiper-pagination-bullet{width:60px; height:6px; margin:0; background:#43464a; border-radius:3px; cursor:pointer; opacity:1;} #banner .swiper-pagination-bullet-active{background:#fff;} .title h2{height:32px; line-height:68px; font-family:'ArialBlack'; font-size:100px; text-transform:uppercase; color:#eee;} .title h3{height:42px; line-height:42px; font-size:40px; font-weight:bold; color:#2e345e; overflow:hidden;} .title h4{height:18px; line-height:18px; margin-top:18px; font-size:16px; color:#666; overflow:hidden;} .title.white h2{color:rgba(255,255,255,.08);} .title.white h3,.title.white h4{color:#fff;} #product-tab{height:80px; background:#fff; border-radius:40px; box-shadow:0 0 20px rgba(0,0,0,.12); overflow:hidden;} #product-tab ul{display:flex;} #product-tab ul li{width:220px; padding:18px 0; text-align:center; cursor:pointer; overflow:hidden;} #product-tab ul li h3{height:20px; line-height:20px; font-size:18px; color:#666; overflow:hidden;} #product-tab ul li h4{height:18px; line-height:18px; margin-top:6px; font-size:15px; color:#c1c1c1; overflow:hidden;} #product-tab ul li:hover h3{color:#2e345e;} #product-tab ul li:hover h4{color:#b1b1b1;} #product-tab ul li.current{background:#2e345e; border-radius:40px;} #product-tab ul li.current h3{color:#fff;} #product-tab ul li.current h4{color:rgba(255,255,255,.18);} #product{margin-top:60px;} #product .item{position:relative; display:none;} #product .item.current{display:block;} #product .swiper-container{height:600px; overflow:hidden;} #product .swiper-wrapper{height:600px;} #product .swiper-slide{position:relative; width:432px; height:600px; background:#fff; border-radius:10px; overflow:hidden;} #product .swiper-slide a{display:block; padding:50px 40px 40px 40px;} #product .swiper-slide h2{height:20px; line-height:20px; font-size:18px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #product .swiper-slide h3{height:26px; line-height:26px; margin-top:10px; font-size:24px; font-weight:bold; color:#2e345e; overflow:hidden;} #product .swiper-slide h4{width:108px; height:32px; line-height:32px; margin-top:26px; background:#eee; border-radius:16px; font-size:15px; text-align:center; color:#999; overflow:hidden; transition:all 0.1s linear;} #product .swiper-slide h4 em{display:inline-block; padding-right:36px; background:url(img/arrow.png) no-repeat right center; transition:all 0.1s linear;} #product .swiper-slide img{position:relative; z-index:1; display:block; height:346px; margin:50px auto 0 auto;} #product .swiper-slide i{position:absolute; left:0; right:0; bottom:0; transform:translateY(230px); display:none; height:230px; opacity:0; animation:ProductAnimation 0.4s; animation-fill-mode:forwards;} #product .swiper-slide i:before{content:''; position:absolute; left:0; bottom:170px; display:block; width:0; height:0; border-left:235px solid transparent; border-top:30px solid transparent; border-right:216px solid #2e345e; border-bottom:30px solid #2e345e;} #product .swiper-slide i:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:170px; background:#2e345e;} #product .swiper-slide:hover h4{background:#2e345e; color:#fff; transition:background 0.1s linear;} #product .swiper-slide:hover h4 em{background-image:url(img/arrow-h.png);} #product .swiper-slide:hover i{display:block;} @keyframes ProductAnimation{100%{transform:translateY(0); opacity:1;}} #product .swiper-button-prev,#product .swiper-button-next{top:50%; transform:translateY(-50%); width:56px; height:56px; margin:0; background-repeat:no-repeat; background-position:center; background-color:#dcdcdc; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.1s linear;} #product .swiper-button-prev:after,#product .swiper-button-next:after{display:none;} #product .swiper-button-prev{left:-78px; background-image:url(img/prev.png);} #product .swiper-button-next{right:-78px; background-image:url(img/next.png);} #product .swiper-button-prev:hover{background-color:#2e345e; transition:all 0.1s linear;} #product .swiper-button-next:hover{background-color:#2e345e; transition:all 0.1s linear;} #technology{margin-top:60px; padding:40px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.12); overflow:hidden;} #technology-tab ul{display:flex; gap:0 16px;} #technology-tab ul li{flex:1; height:60px; line-height:60px; background:#f5f5f5; border-radius:6px; font-size:16px; text-align:center; cursor:pointer; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;padding: 0 10px;} #technology-tab ul li:hover{color:#2e345e;} #technology-tab ul li.current{background:#2e345e; color:#fff;} #technology-item{margin-top:40px;} #technology-item .item{display:none;} #technology-item .item.current{display:block;} #technology-item .left{width:550px; height:490px; border-radius:10px; overflow:hidden;} #technology-item .left img{width:550px; height:490px;} #technology-item .right{flex:1; margin-left:50px;} #technology-item .right h2{height:32px; line-height:32px; font-size:30px; font-weight:bold; overflow:hidden;} #technology-item .right .text{height:90px; line-height:30px; margin-top:20px; font-size:15px; color:#999; overflow:hidden;} #technology-item .right .list{height:256px; margin-top:24px; overflow:hidden;} #technology-item .right .list ul{display:flex; flex-wrap:wrap; gap:20px;} #technology-item .right .list ul li{width:calc((100% - 40px) / 3); height:118px; padding:20px; background:#f3f3f6; border-radius:8px; overflow:hidden; transition:all 0.1s linear;} #technology-item .right .list ul li h3{height:20px; line-height:20px; font-size:17px; color:#2e345e; overflow:hidden; transition:all 0.1s linear;} #technology-item .right .list ul li p{height:48px; line-height:24px; margin-top:10px; font-size:14px; color:#666; transition:all 0.1s linear;} #technology-item .right .list ul li:hover{background:#2e345e; transition:all 0.1s linear;} #technology-item .right .list ul li:hover h3{color:#fff; transition:all 0.1s linear;} #technology-item .right .list ul li:hover p{color:rgba(255,255,255,.6); transition:all 0.1s linear;} #news-tab{height:60px; background:#fff; border-radius:30px; box-shadow:0 0 20px rgba(0,0,0,.12); overflow:hidden;} #news-tab ul{display:flex;} #news-tab ul li{width:200px; height:60px; line-height:60px; font-size:16px; text-align:center; color:#666; cursor:pointer; overflow:hidden;} #news-tab ul li:hover{color:#2e345e;} #news-tab ul li.current{background:#2e345e; border-radius:30px; color:#fff;} #news{margin-top:40px;} #news .item{position:relative; display:none;} #news .item.current{display:block;} #news .swiper-container{height:484px; overflow:hidden;} #news .swiper-wrapper{height:484px;} #news .swiper-slide{width:440px; height:484px; background:#fff; overflow:hidden; transition:all 0.1s linear;} #news .swiper-slide a{display:block; padding:20px 20px 30px 20px;} #news .swiper-slide span{display:block; width:400px; height:280px; overflow:hidden;} #news .swiper-slide img{width:400px; max-width:none; height:280px; transition:transform 0.3s linear;} #news .swiper-slide h3{height:22px; line-height:22px; margin-top:30px; font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.1s linear;} #news .swiper-slide h4{height:20px; line-height:20px; margin-top:10px; font-size:18px; color:#999; overflow:hidden; transition:all 0.1s linear;} #news .swiper-slide p{height:52px; line-height:26px; margin-top:20px; font-size:15px; color:#868686; transition:all 0.1s linear;} #news .swiper-slide:hover{background:#2e345e; transition:all 0.1s linear;} #news .swiper-slide:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #news .swiper-slide:hover h3,#news .swiper-slide:hover h4,#news .swiper-slide:hover p{color:#fff; transition:all 0.1s linear;} #news .swiper-button-prev,#news .swiper-button-next{top:50%; transform:translateY(-50%); width:20px; height:36px; margin:0; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:1; transition:all 0.1s linear;} #news .swiper-button-prev:after,#news .swiper-button-next:after{display:none;} #news .swiper-button-prev{left:-40px; background-image:url(img/prev1.png);} #news .swiper-button-next{right:-40px; background-image:url(img/next1.png);} #news .swiper-button-prev:hover{background-image:url(img/prev1-h.png); transition:all 0.1s linear;} #news .swiper-button-next:hover{background-image:url(img/next1-h.png); transition:all 0.1s linear;} #partner{margin-top:60px;} /*#partner .swiper-container{height:280px; overflow:hidden;}*/ /*#partner .swiper-wrapper{height:280px;}*/ /*#partner .swiper-slide{height:280px; overflow:hidden;}*/ /*#partner .swiper-slide ul{display:flex; flex-wrap:wrap; gap:40px;}*/ /*#partner .swiper-slide ul li{width:200px; height:120px; background:#fff; overflow:hidden;}*/ /*#partner .swiper-slide ul li img{width:200px; height:120px;}*/ /*#partner .swiper-slide ul li:hover img{transform:rotateY(360deg); transition:transform 0.6s linear;}*/ /*#partner .swiper-pagination{position:initial; display:flex; justify-content:center; gap:0 12px; margin-top:40px; height:12px; overflow:hidden;}*/ /*#partner .swiper-pagination-bullet{width:12px; height:12px; margin:0; background:#b9bbc7; border-radius:50%; cursor:pointer; opacity:1;}*/ /*#partner .swiper-pagination-bullet:first-child{margin-left:0;}*/ /*#partner .swiper-pagination-bullet-active{background:#2f345c;}*/ #partner ul{display:flex; flex-wrap:wrap; } #partner ul li{width:200px; height:120px; background:#fff; overflow:hidden;margin: 0 15px 30px 15px;} #partner ul li img{width:200px; height:120px;} #partner ul li:hover img{transform:rotateY(360deg); transition:transform 0.6s linear;} .picMarquee-left{ width:100%; overflow:hidden; position:relative; } .picMarquee-left .hd{ display:none; } .picMarquee-left .bd{ padding:10px; } .picMarquee-left .bd .tempWrap{ width:100% !important;} .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .picMarquee-left .bd ul li .pic{ text-align:center; } .picMarquee-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; } .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; } .picMarquee-left .bd ul li .title{ line-height:24px; } /*内页样式*/ #lm-banner{display:flex; align-items:center; height:400px; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;} #lm-banner.product{background-image:url(img/lm-product.jpg?01);} #lm-banner.about{background-image:url(img/lm-about.jpg);} #lm-banner.service{background-image:url(img/lm-service.jpg);} #lm-banner.news{background-image:url(img/lm-news.jpg);} #lm-banner h2{height:50px; line-height:50px; font-size:48px; font-weight:bold; color:#fff; overflow:hidden;} #lm-banner h3{height:26px; line-height:26px; margin-top:16px; font-size:24px; text-transform:uppercase; color:#fff; overflow:hidden;} #location{position:relative; height:70px; background:#f5f5f5; overflow:hidden;} #location .weo-flex{height:70px;} #location .menu{display:flex; gap:0 60px;} #location .menu a{height:70px; line-height:70px; font-size:16px; overflow:hidden;} #location .menu a:hover{color:#2e345e;} #location .menu a.current{position:relative; z-index:1; color:#2e345e;} #location .menu a.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:3px; background:#2e345e;} #location .item{height:18px; line-height:18px; padding-left:26px; 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{color:#2e345e;} .wrap-white.p1{padding:50px 0 70px 0;} .weo-page{margin-top:70px;} .weo-page a{min-width:42px; height:42px; line-height:40px; margin-left:10px; padding:0 14px; border-color:#ccc; border-radius:0; font-size:14px; color:#666;} .weo-page a:hover{border-color:#2e345e; color:#2e345e;} .weo-page a.count{border-color:#ccc; color:#666;} .weo-page a.weo-page-on{background:#2e345e; border-color:#2e345e; color:#fff;} /*产品中心*/ #product-list ul{display:flex; flex-wrap:wrap; gap:70px 40px;} #product-list ul li{width:440px; height:480px; overflow:hidden;} #product-list ul li img{display:block; height:356px; margin:0 auto;} #product-list ul li h3{height:90px; line-height:90px; margin-top:34px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:background-color 0.1s linear;} #product-list ul li:hover h3{padding:0 110px 0 40px; background:url(img/arrow-r1.png) no-repeat right 40px center #2e345e; text-align:left; color:#fff; transition:background-color 0.1s linear;} #pd-info{display:flex; align-items:center; gap:0 60px;} #pd-info .left{position:relative; width:600px; height:420px; padding:30px 30px 64px 30px; border:1px solid #e5e5e5; overflow:hidden;} #pd-info .left .swiper-container{height:324px; overflow:hidden;} #pd-info .left .swiper-wrapper{height:324px;} #pd-info .left .swiper-slide{height:324px; overflow:hidden;} #pd-info .left .swiper-slide img{display:block; height:324px; margin:0 auto;} #pd-info .left .swiper-pagination{left:50%; bottom:26px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; gap:0 10px; width:auto;} #pd-info .left .swiper-pagination-bullet{width:12px; height:12px; margin:0; background:#d2d2d2; border-radius:50%; cursor:pointer; opacity:1;} #pd-info .left .swiper-pagination-bullet-active{background:#2e345e;} #pd-info .right{flex:1;} #pd-info .right h1{height:26px; line-height:26px; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #pd-info .right i{display:block; width:30px; height:3px; margin-top:19px; background:#2e345e;} #pd-info .right p{height:204px; line-height:34px; margin-top:22px; font-size:15px; color:#666; -webkit-line-clamp:6;} #pd-info .right h4{display: inline-block;padding: 0 30px; height:48px; line-height:48px; margin-top:34px; background:#2e345e; border-radius:24px; font-size:16px; text-align:center;} #pd-info .right h4 a{display:block; color:#fff;} #pd-info .right h4 em{display:inline-block; padding-left:34px; background:url(img/consult.png) no-repeat left center;} #pd-tab{height:60px; margin-top:50px; background:#f5f5f5; overflow:hidden;} #pd-tab ul{display:flex;} #pd-tab ul li{flex:1; height:60px; line-height:60px; font-size:16px; text-align:center; cursor:pointer; overflow:hidden;} #pd-tab ul li:hover{color:#2e345e;} #pd-tab ul li.current{background:#2e345e; color:#fff;} #pd-item{margin-top:30px;} #pd-item .item{display:none;} #pd-item .item.current{display:block;} #pd-item .text{line-height:36px; font-size:15px; color:#666;} #pd-item .slide{padding-top:14px;} #pd-item .slide .swiper-slide ul{display:flex; gap:0 32px;} #pd-item .slide .swiper-slide ul li{width:326px; height:288px; border:1px solid #e5e5e5; overflow:hidden; transition:all 0.1s linear;} #pd-item .slide .swiper-slide ul li span{display:block; width:324px; height:234px; overflow:hidden;} #pd-item .slide .swiper-slide ul li img{width:324px; max-width:none; height:234px; transition:transform 0.3s linear;} #pd-item .slide .swiper-slide ul li h3{height:52px; line-height:52px; padding:0 20px; background:#f5f5f5; font-size:15px; text-align:center; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:background 0.1s linear;} #pd-item .slide .swiper-slide ul li:hover{border-color:#2e345e; transition:all 0.1s linear;} #pd-item .slide .swiper-slide ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #pd-item .slide .swiper-slide ul li:hover h3{background:#2e345e; color:#fff; transition:background 0.1s linear;} #pd-item .slide .swiper-pagination{position:initial; display:flex; justify-content:center; gap:0 12px; margin-top:36px; height:12px; overflow:hidden;} #pd-item .slide .swiper-pagination-bullet{width:12px; height:12px; margin:0; background:#7f7f7f; border-radius:50%; cursor:pointer; opacity:1;} #pd-item .slide .swiper-pagination-bullet:first-child{margin-left:0;} #pd-item .slide .swiper-pagination-bullet-active{background:#2f345c;} #pd-item .video{padding-top:14px;} #pd-item .video video{display:block; width:1400px; height:788px;} /*走进巨浪*/ #wrap-about{padding-bottom:140px; background:url(img/about-bg.png) no-repeat bottom 30px center;} #about-since{display:flex; justify-content:space-between; align-items:center;} #about-since img{width:244px; height:60px;} #about-since h3{height:26px; line-height:26px; margin-top:20px; font-size:24px; font-weight:bold; overflow:hidden;} #about-since h2{height:102px; line-height:102px; margin-bottom:8px; font-family:'ArialBlack'; font-size:124px; text-transform:uppercase; color:#f1f1f1;} #about{display:flex; margin-top:40px; gap:0 50px;} #about .left{width:600px; height:338px; overflow:hidden;} #about .left video{width:600px; height:338px;} #about .right{flex:1; line-height:30px; font-size:15px; color:#666;} #about .right p{text-indent:30px;} .about-title h2{height:42px; line-height:42px; font-size:40px; overflow:hidden;} .about-title h3{height:22px; line-height:22px; margin-top:16px; font-size:19px; text-transform:uppercase; color:#999; overflow:hidden;} .about-title h4{height:18px; line-height:18px; margin-top:24px; font-size:15px; color:#666; overflow:hidden;} .about-title.white h2,.about-title.white h3,.about-title.white h4{color:#fff;} #culture{margin-top:60px;} #culture ul{display:flex; gap:0 24px;} #culture ul li{position:relative; width:332px; height:486px; border-radius:16px; overflow:hidden;} #culture ul li img{width:332px; max-width:none; height:486px; transition:transform 0.3s linear;} #culture ul li section{position:absolute; left:40px; right:40px; top:160px; color:#fff; overflow:hidden;} #culture ul li section h3{height:28px; line-height:28px; font-size:26px; font-weight:bold; text-align:center; overflow:hidden;} #culture ul li section i{display:block; width:24px; height:3px; margin:29px auto 0 auto; background:#fff;} #culture ul li section .text{line-height:30px; margin-top:22px; font-size:15px; max-height:215px; overflow-y:auto;} #culture ul li section .text::-webkit-scrollbar{ display:none;} #culture ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #wrap-history{padding-top:70px; background:url(img/history-bg.jpg) no-repeat top center;} #history{display:flex; align-items:center; justify-content:space-between; width:920px; margin:130px 0 0 auto;} #history .swiper-container{width:740px; height:38px; overflow:hidden;} #history .swiper-wrapper{height:38px;} #history .swiper-slide{width:116px; height:38px; line-height:38px; font-size:36px; font-weight:bold; text-align:center; color:rgba(255,255,255,.6); overflow:hidden;} #history .swiper-slide-active{color:#fff;} #history .swiper-button-prev,#history .swiper-button-next{position:static; width:50px; height:50px; margin:0; background-repeat:no-repeat; background-position:center; background-size:12px 20px; border:1px solid #fff; border-radius:50%; cursor:pointer; opacity:1;} #history .swiper-button-prev:after,#history .swiper-button-next:after{display:none;} #history .swiper-button-prev{background-image:url(img/prev.png);} #history .swiper-button-next{background-image:url(img/next.png);} #history-item{position:relative; width:920px; margin-top:60px;} #history-item:before{content:''; position:absolute; left:612px; top:-16px; display:block; width:32px; height:32px; box-sizing:border-box; background:#2e345e; border:6px solid #fff; border-radius:50%;} #history-item:after{content:''; position:absolute; left:619px; top:36px; display:block; width:18px; height:10px; background:url(img/arrow-b1.png) no-repeat center;} #history-item .item{display:none;} #history-item .item.current{display:block;} #history-item .left{width:310px; padding:110px 0;} #history-item .left h2{height:62px; line-height:62px; font-size:60px; font-weight:bold; text-align:center; color:#2e345e; overflow:hidden;} #history-item .right{position:relative; flex:1; margin-left:50px; padding:90px 0;} #history-item .right:before{content:''; position:absolute; left:9px; top:0; bottom:0; display:block; width:2px; background:#e5e5e5;} #history-item .right ul li{position:relative; line-height:28px; margin-top:36px; padding-left:56px; font-size:15px; color:#666;} #history-item .right ul li:first-child{margin-top:0;} #history-item .right ul li:before{content:''; position:absolute; left:0; top:4px; z-index:1; display:block; width:20px; height:20px; box-sizing:border-box; background:#fff; border:2px solid #e5e5e5; border-radius:50%;} #history-item .right ul li:after{content:''; position:absolute; left:20px; top:13px; z-index:1; display:block; width:16px; height:2px; background:#e5e5e5;} #certificate{display:flex; justify-content:center; align-items:center; gap:0 50px; margin-top:60px;} #certificate-item{position:relative; width:930px; height:460px; overflow:hidden;} #certificate-item ul li{position:absolute; left:932px; top:90px; display:none; width:0; height:0; border:2px solid #e5e5e5; cursor:pointer; overflow:hidden;} #certificate-item ul li:nth-child(1){display:block; left:0; top:60px; width:244px; height:340px; z-index:96;} #certificate-item ul li:nth-child(2){display:block; left:110px; top:30px; width:288px; height:400px; z-index:97;} #certificate-item ul li:nth-child(3){display:block; left:300px; top:0; width:330px; height:460px; z-index:98;} #certificate-item ul li:nth-child(4){display:block; left:532px; top:30px; width:288px; height:400px; z-index:97;} #certificate-item ul li:nth-child(5){display:block; left:686px; top:60px; width:244px; height:340px; z-index:96;} #certificate-item ul li:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:block; background:rgba(0,0,0,.1);} #certificate-item ul li.on:after{display:none;} #certificate-item ul li img{width:0; max-width:none; height:0;} #certificate-item ul li:nth-child(1) img{width:240px; height:336px;} #certificate-item ul li:nth-child(2) img{width:284px; height:396px;} #certificate-item ul li:nth-child(3) img{width:326px; height:456px;} #certificate-item ul li:nth-child(4) img{width:284px; height:396px;} #certificate-item ul li:nth-child(5) img{width:240px; height:336px;} #c-prev,#c-next{width:52px; height:52px; background-repeat:no-repeat; background-position:center; border:1px solid #ccc; border-radius:50%; cursor:pointer; transition:all 0.1s linear;} #c-prev{background-image:url(img/prev2.png);} #c-next{background-image:url(img/next2.png);} #c-prev:hover{background-image:url(img/prev2-h.png); border-color:#2e345e; transition:all 0.1s linear;} #c-next:hover{background-image:url(img/next2-h.png); border-color:#2e345e; transition:all 0.1s linear;} #wrap-honor{padding:70px 0; background:url(img/honor-bg.jpg) no-repeat top center; background-size:cover;} #honor{position:relative; margin-top:60px;} #honor .swiper-container{width:1272px; height:584px; margin:0 auto; overflow:hidden;} #honor .swiper-wrapper{height:584px;} #honor .swiper-slide{height:584px; overflow:hidden;} #honor .swiper-slide ul{display:flex; flex-wrap:wrap; gap:24px;} #honor .swiper-slide ul li{width:300px; height:280px; background:#fff; border-radius:8px; overflow:hidden;} #honor .swiper-slide ul li a{display:block; padding:40px;} #honor .swiper-slide ul li span{display:block; width:212px; height:152px; margin:0 auto; border:1px solid #e5e5e5; overflow:hidden;} #honor .swiper-slide ul li img{width:210px; max-width:none; height:150px; transition:transform 0.3s linear;} #honor .swiper-slide ul li h3{height:18px; line-height:18px; margin-top:30px; font-size:16px; text-align:center; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #honor .swiper-slide ul li:hover h3{color:#2e345e;} #honor .swiper-slide ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #honor .swiper-button-prev,#honor .swiper-button-next{top:50%; width:52px; height:52px; margin:0; background-repeat:no-repeat; background-position:center; border:1px solid #aaa; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.1s linear;} #honor .swiper-button-prev:after,#honor .swiper-button-next:after{display:none;} #honor .swiper-button-prev{left:-12px; background-image:url(img/prev3.png);} #honor .swiper-button-next{right:-12px; background-image:url(img/next3.png);} #honor .swiper-button-prev:hover{background-image:url(img/prev3-h.png); border-color:#2e345e; transition:all 0.1s linear;} #honor .swiper-button-next:hover{background-image:url(img/next3-h.png); border-color:#2e345e; transition:all 0.1s linear;} #contact{display:flex; justify-content:space-between; align-items:center;} #contact .left h2{height:32px; line-height:32px; font-size:30px; overflow:hidden;} #contact .left h3{height:18px; line-height:18px; margin-top:18px; font-size:16px; color:#999; overflow:hidden;} #contact .left .item{margin-top:40px;} #contact .left .item ul li{height:36px; line-height:36px; margin-top:20px; padding-left:48px; background-repeat:no-repeat; background-position:left center; font-size:16px; color:#666; overflow:hidden;} #contact .left .item ul li:first-child{margin-top:0;} #contact .left .item ul li.c-icon1{background-image:url(img/c-icon1.png);} #contact .left .item ul li.c-icon2{background-image:url(img/c-icon2.png);} #contact .left .item ul li.c-icon3{background-image:url(img/c-icon3.png);} #contact .right ul{display:flex; gap:0 40px;} #contact .right ul li{padding:36px 30px 40px 30px; border:1px solid #e5e5e5;} #contact .right ul li img{display:block; width:140px; height:140px; margin:0 auto;} #contact .right ul li h4{height:18px; line-height:18px; margin-top:14px; font-size:15px; text-align:center; color:#666; overflow:hidden;} #map{height:480px; margin-top:60px; background:#f5f5f5; overflow:hidden;} #map img{max-width:none;} .anchorBL{display:none;} /*服务体系*/ .service-title h2{height:38px; line-height:38px; font-size:36px; overflow:hidden;} .service-title h3{height:18px; line-height:18px; margin-top:16px; font-size:16px; text-align:center; color:#666; overflow:hidden;} #network{display:flex; justify-content:space-between; align-items:flex-start; margin-top:60px;} #network .left{width:692px; height:588px; overflow:hidden;} #network .left ul li{display:none; width:692px; height:588px; overflow:hidden;} #network .left ul li.current{display:block;} #network .left ul li img{width:692px; height:588px;} #network .right{width:560px; margin-top:30px;} #network-tab ul{display:flex;} #network-tab ul li{flex:1; height:50px; line-height:48px; border:1px solid #c9c9c9; border-right:none; font-size:16px; text-align:center; color:#666; cursor:pointer; overflow:hidden;} #network-tab ul li:last-child{border-right:1px solid #c9c9c9;} #network-tab ul li:hover{color:#2e345e;} #network-tab ul li.current{background:#2e345e; border-color:#2e345e; color:#fff;} #network-tab ul li.current + li{border-left-color:#2e345e;} #network-item{margin-top:40px;} #network-item .item{display:none;} #network-item .item.current{display:block;} #network-item h2{height:22px; line-height:22px; font-size:20px; font-weight:bold; overflow:hidden;} #network-item .text{margin-top:30px;} #network-item .text ul li{margin-top:24px;} #network-item .text ul li:first-child{margin-top:0;} #network-item .text ul li h3{height:20px; line-height:20px; font-size:17px; overflow:hidden;} #network-item .text ul li section{line-height:30px; margin-top:8px; font-size:15px; color:#666;} #network-global{margin-top:60px;} #network-global img{display:block; width:964px; height:478px; margin:0 auto;} #pre-sale{display:flex; align-items:center; gap:0 70px;} #pre-sale .left{flex:1;} #pre-sale .left h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; color:#2e345e; overflow:hidden;} #pre-sale .left h3{height:20px; line-height:20px; margin-top:12px; font-size:18px; text-transform:uppercase; color:#999; overflow:hidden;} #pre-sale .left i{display:block; width:24px; height:4px; margin-top:30px; background:#2e345e;} #pre-sale .left .text{line-height:32px; margin-top:40px; font-size:15px; color:#666;} #pre-sale .right{width:850px; height:410px; overflow:hidden;} #pre-sale .right ul{display:flex; flex-wrap:wrap; gap:10px;} #pre-sale .right ul li{position:relative; width:420px; height:200px; overflow:hidden;} #pre-sale .right ul li:nth-child(2),#pre-sale .right ul li:nth-child(3){width:360px;} #pre-sale .right ul li img{width:420px; max-width:none; height:200px; transition:transform 0.3s linear;} #pre-sale .right ul li:nth-child(2) img,#pre-sale .right ul li:nth-child(3) img{width:360px;} #pre-sale .right ul li h3{position:absolute; left:0; right:0; bottom:0; height:46px; line-height:46px; padding:0 18px; background:rgba(46,52,94,.6); font-size:16px; text-align:center; color:#fff; overflow:hidden;} #pre-sale .right ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #wrap-service{padding:70px 0; background:url(img/service-bg.jpg) no-repeat center; background-size:cover;} #after-sale .text h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; color:#fff; overflow:hidden;} #after-sale .text h3{height:20px; line-height:20px; margin-top:12px; font-size:18px; text-transform:uppercase; color:#fff; overflow:hidden;} #after-sale .item{margin-top:60px;} #after-sale .item ul{display:flex; gap:0 56px;} #after-sale .item ul li{width:308px; height:386px; padding:36px 30px 30px 30px; background:#fff; border-radius:8px; overflow:hidden;} #after-sale .item ul li i{display:block; width:110px; height:110px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-color:#2e345e; border-radius:50%;} #after-sale .item ul li i.sale-icon1{background-image:url(img/sale-icon1.png);} #after-sale .item ul li i.sale-icon2{background-image:url(img/sale-icon2.png);} #after-sale .item ul li i.sale-icon3{background-image:url(img/sale-icon3.png);} #after-sale .item ul li i.sale-icon4{background-image:url(img/sale-icon4.png);} #after-sale .item ul li h3{height:22px; line-height:22px; margin-top:32px; font-size:19px; text-align:center; overflow:hidden;} #after-sale .item ul li p{height:140px; line-height:28px; margin-top:16px; font-size:15px; color:#666; -webkit-line-clamp:5;} #after-sale .item ul li:hover i{transform:rotateY(360deg); transition:transform 0.6s linear;} #after-sale .item ul li:hover h3{color:#2e345e;} /*新闻事件*/ #news-list ul li{position:relative; margin-top:36px; padding-bottom:36px; border-bottom:1px solid #e5e5e5;} #news-list ul li:first-child{margin-top:0;} #news-list ul li:after{content:''; position:absolute; left:0; right:100%; bottom:-1px; display:block; height:1px; background:#2e345e; opacity:0; transition:all 0.3s linear;} #news-list ul li a{display:flex; align-items:center;} #news-list ul li span{width:382px; height:240px; border-radius:10px; overflow:hidden;} #news-list ul li img{width:382px; max-width:none; height:240px; transition:transform 0.3s linear;} #news-list ul li section{flex:1; margin-left:36px;width: 1000px} #news-list ul li section h3{height:24px; line-height:24px; font-size:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.1s linear;} #news-list ul li section h4{height:18px; line-height:18px; margin-top:14px; font-size:16px; color:#666; overflow:hidden;} #news-list ul li section p{height:60px; line-height:30px; margin-top:28px; font-size:15px; color:#999;} #news-list ul li section h5{display:flex; align-items:center; gap:0 24px; margin-top:36px;} #news-list ul li section h5 em{height:18px; line-height:18px; font-size:15px; color:#666; overflow:hidden; transition:all 0.1s linear;} #news-list ul li section h5 i{width:22px; height:7px; background:url(img/arrow-r.png) no-repeat center; transition:all 0.1s linear;} #news-list ul li:hover:after{right:0; opacity:1; transition:all 0.3s linear;} #news-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #news-list ul li:hover section h3{color:#2e345e; transition:all 0.1s linear;} #news-list ul li:hover section h5 em{color:#2e345e; transition:all 0.1s linear;} #news-list ul li:hover section h5 i{background-image:url(img/arrow-r-h.png); transition:all 0.1s linear;} #article-title{line-height:38px; font-size:28px; text-align:center;} #article-info{height:18px; line-height:18px; margin-top:20px; font-size:15px; text-align:center; color:#999; overflow:hidden;} #article{line-height:32px; margin-top:40px; padding-top:36px; border-top:1px dashed #dcdcdc; font-size:15px; color:#666;} #prev-next{display:flex; justify-content:space-between; align-items:center; height:74px; margin-top:44px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; overflow:hidden;} #prev-next a{max-width:calc((100% - 60px) / 2); height:18px; line-height:18px; font-size:16px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #prev-next a:hover{color:#2e345e;} /*底部样式*/ #footer{padding:70px 0 50px 0; background:#313131; border-bottom:1px solid rgba(255,255,255,.1);} #f-qrcode ul{display:flex; gap:0 20px;} #f-qrcode ul li span{display:block; width:130px; height:130px; margin:0 auto; padding:12px; border:1px solid rgba(255,255,255,.1); overflow:hidden;} #f-qrcode ul li img{width:104px; height:104px;} #f-qrcode ul li h4{height:16px; line-height:16px; margin-top:20px; font-size:14px; text-align:center; color:#fff; overflow:hidden;} #f-contact{margin-left:20px;} #f-contact ul li{margin-top:20px;} #f-contact ul li:first-child{margin-top:0;} #f-contact ul li h4{height:16px; line-height:16px; font-size:14px; color:#aaa; overflow:hidden;} #f-contact ul li h2{height:32px; line-height:32px; margin-top:10px; font-size:30px; font-weight:bold; color:#fff; overflow:hidden;} #f-contact ul li h3{height:auto; line-height:16px; margin-top:12px; font-size:14px; color:#fff; overflow:hidden;} #f-menu{display:flex; gap:0 100px;} #f-menu dl dt{height:18px; line-height:18px; font-size:16px; color:#fff; overflow:hidden;} #f-menu dl dd{height:16px; line-height:16px; margin-top:16px; font-size:14px; overflow:hidden;} #f-menu dl dt + dd{margin-top:26px;} #f-menu dl dd a{display:inline-block; color:#aaa;} #f-menu dl dd a:hover{color:#fff;} #copyright{height:74px; line-height:74px; background:#313131; color:#fff; overflow:hidden;} #copyright a{color:#fff;} #sidebar{z-index:99; right:16px; bottom:64px;} #sidebar ul li{width:64px; height:64px; margin-top:12px; background-repeat:no-repeat; background-position:center; background-color:#2e345e; border-radius:8px; cursor:pointer; overflow:hidden;} #sidebar ul li:first-child{margin-top:0;} #sidebar ul li.sb-icon1{background-image:url(img/sb-icon1.png);} #sidebar ul li.sb-icon2{background-image:url(img/sb-icon2.png);} #sidebar ul li.sb-icon3{background-image:url(img/sb-icon3.png);} #sidebar ul li.sb-icon4{background-image:url(img/sb-icon4.png);} #sidebar .tel{position:absolute; right:80px; top:76px; display:none; width:194px; height:64px; line-height:64px; background:#2e345e; border-radius:8px; font-family:'Arial'; font-size:22px; text-align:center; letter-spacing:0.5px; color:#fff;} #sidebar .tel:after{content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%); display:block; width:0; height:0; border-left:7px solid #2e345e; border-top:6px solid transparent; border-bottom:6px solid transparent;} #sidebar .qrcode{position:absolute; right:80px; top:114px; display:none; width:140px; height:140px; padding:10px; background:#2e345e; border-radius:8px;} #sidebar .qrcode:after{content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%); display:block; width:0; height:0; border-left:7px solid #2e345e; border-top:6px solid transparent; border-bottom:6px solid transparent;} #sidebar .qrcode img{width:120px; height:120px;} #sidebar .slide{display:block; right:98px; animation:SidebarSlideRight 0.3s; animation-fill-mode:forwards;} @keyframes SidebarSlideRight{100%{right:80px;}} #feedback{left:50%; top:50%; transform:translate(-50%,-50%); display:none; width:660px; padding:30px 40px 40px 40px; background:#fff; border-radius:10px; overflow:hidden;} #feedback i{position:absolute; right:20px; top:20px; display:block; width:20px; height:20px; background:url(img/close.png) no-repeat center; cursor:pointer; transition:all 0.1s linear;} #feedback i:hover{background-image:url(img/close-h.png); transition:all 0.1s linear;} #feedback h2{height:26px; line-height:26px; font-size:24px; color:#2e345e; overflow:hidden;} #feedback h3{height:18px; line-height:18px; margin-top:12px; font-size:15px; color:#999; overflow:hidden;} #feedback .item{margin-top:30px;} #feedback .input{height:60px; margin-bottom:14px; overflow:hidden;} #feedback .input input{display:block; width:100%; height:60px; line-height:60px; padding:0 20px; background:#f5f5f5; border:none; border-radius:8px; font-size:15px; color:#464646;} #feedback .input input::-moz-placeholder{color:#999;} #feedback .input input::-webkit-input-placeholder{color:#999;} #feedback .input input::-ms-input-placeholder{color:#999;} #feedback .textarea{} #feedback .textarea textarea{display:block; width:100%; height:132px; line-height:26px; padding:14px 20px; background:#f5f5f5; border:none; border-radius:8px; font-size:15px; color:#464646;} #feedback .textarea textarea::-moz-placeholder{color:#999;} #feedback .textarea textarea::-webkit-input-placeholder{color:#999;} #feedback .textarea textarea::-ms-input-placeholder{color:#999;} #feedback .code{display:flex; align-items:center; gap:0 20px; height:60px; margin-top:14px; overflow:hidden;} #feedback .code input{flex:1; display:block; width:auto; height:60px; line-height:60px; padding:0 20px; background:#f5f5f5; border:none; border-radius:8px; font-size:15px; color:#464646;} #feedback .code input::-moz-placeholder{color:#999;} #feedback .code input::-webkit-input-placeholder{color:#999;} #feedback .code input::-ms-input-placeholder{color:#999;} #feedback .button{height:60px; margin-top:30px; overflow:hidden;} #feedback .button button{display:block; width:100%; height:60px; line-height:60px; padding:0 20px; background:#2e345e; border:none; border-radius:8px; font-size:17px; color:#fff;} .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;} .pagination{margin-top:30px;display:-ms-flexbox;display:flex;justify-content: center;padding-left:0;list-style:none;border-radius:.25rem} .page-link{position:relative;margin-left: 7px;background: #fff;border-radius: 3px;text-align: center;display:block;min-width:34px; height:34px; line-height:34px;padding:0 12px; font-size:14px; color:#666;} .page-link:hover{z-index:2;border-color:#0076e2; color:#0076e2;border:1px solid #0062be} .page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)} .page-link:not(:disabled):not(.disabled){cursor:pointer} .page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem} .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem} .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6} .page-item.active .page-link{z-index:1;background:#0076e2; border-color:#0076e2; color:#fff;} .pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5} .pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem} .pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem} .pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5} .pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem} .pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem} #page{ display:none;} #sj-location{ display: none;} @media (max-width:1440px){ .wrapper{width:1280px;} #product-list ul li{ width: 400px;} } @media (max-width:1180px){ html{ font-size: 100% !important;} body{font-size:16px;font-size:1.2rem ;} #header{ display:none;} #page{ display:block; position:fixed; z-index:99999; top:0;} .pf{position:fixed} .pr{position:relative} .pa{position:absolute} .hidden{overflow:hidden} #sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 0 10px 0 #ccc;} #sj-logo{left:0.75rem; top:1.5rem; height:1.5rem; overflow:hidden;} #sj-logo img{width:auto;height:1.25rem;} #nav-btn{right:1rem; top:1.3125rem; width:1.875rem; height:1.375rem; background:url(img/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;} #nav-btn.close{width:1.375rem; height:1.375rem; background-image:url(img/close.png); background-size:80%;} #sj-language{position:absolute; z-index:99; height:60px;right: 60px; padding:20px 0; cursor:pointer;} #sj-language h3{display:flex; align-items:center; gap:0 5px;} #sj-language h3 span{height:20px; line-height:20px; padding-left:30px; background:none; font-size:15px; color:#666; overflow:hidden; transition:all 0.1s linear;} #sj-language h3 i{width:12px; height:7px; background:url(img/arrow-b.png) no-repeat center; transition:background 0.1s linear,transform 0.2s linear;} #sj-language:hover h3 span{background-image:none; color:#2e345e; transition:all 0.1s linear;} #sj-language:hover h3 i{background-image:url(img/arrow-b-h.png); transform:rotate(180deg); transition:background 0.1s linear,transform 0.2s linear;} #sj-language ul{position:absolute; left:50%; top:60px; transform:translate(-50%,20px); display:none; width:100px; padding:12px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.08); opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;} #sj-language:hover ul{display:block;} #sj-language ul li{height:32px; line-height:32px; font-size:14px; text-align:center; overflow:hidden;} #sj-language ul li a{display:block; padding:0 18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.2s linear;} #sj-language ul li:hover a{letter-spacing:1px; color:#2e345e; transition:all 0.2s linear;} #sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;} #sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;} #sj-nav ul li:last-child{border-bottom:none;} #sj-nav ul li a{flex:auto;} #sj-nav ul li a:hover{color:#3075dc;} #sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(img/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;} #sj-nav ul li em.del{background-image:url(img/del.png);} #sj-nav ul li ul{width:100%; display:none;} #sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;} #sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;} #sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;} #sj-nav ul li ul li a span img{ width:auto; height:100%;} #sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; } #banner{ padding-top:3.75rem; height:31.375rem;} #banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:28rem;} #banner .swiper-slide video{ height:28rem;} #banner .swiper-pagination{ bottom:10px;} #banner .swiper-pagination-bullet{ width:8px; height:8px;} #banner .swiper-pagination-bullet-active{ width:30px;} .wrapper{ width:100%; padding:0 15px;} #sj-search{ width:100%; margin-top:20px;} #sj-search input{width:88%; height:44px; line-height:44px; padding:0 16px; border-radius:0; font-size:15px; color:#464646; border: 1px #e5e5e5 solid;} #sj-search input::-moz-placeholder{color:#999;} #sj-search input::-webkit-input-placeholder{color:#999;} #sj-search input::-ms-input-placeholder{color:#999;} #sj-search button{width:44px; height:44px; background:url(img/search1.png) no-repeat center #2e345e; background-size:20px 20px; border:none; border-radius:0;} .wrap-gray{ padding: 30px 0;} /*.noweo-flex{ display: block;}*/ .title h2{ font-size: 40px;height: 20px; line-height: 55px;} .title h3{height: 40px;line-height: 40px;font-size: 20px;} .title h4{line-height: 18px;margin-top: 6px;font-size: 14px; height: auto;} #product-tab{margin-top: 20px;height: 60px;margin-left: 50px;width: 50%;} #product-tab ul{ justify-content:flex-start; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;} #product-tab ul::-webkit-scrollbar{ display:none;} #product-tab ul li{padding: 11px 15px;text-align: center;cursor: pointer; box-sizing: border-box; overflow: visible; width: auto;} #product-tab ul li h3{ font-size: 14px;} #product-tab ul li h4{font-size: 12px; margin-top: 0;} #product{ margin-top: 32px;} #product .swiper-container,#product .swiper-wrapper,#product .swiper-slide{ height: 440px;} #product .swiper-slide a{ padding:15px 20px;} #product .swiper-slide h2{ font-size: 14px;} #product .swiper-slide h3{margin-top: 0px; font-size: 18px;} #product .swiper-slide h4{width: 90px;height: 32px;line-height: 32px; margin-top: 15px;font-size: 14px;} #product .swiper-slide img{ height: auto; width: 90%; margin: 20px auto 0 auto;} #product .swiper-slide i:before{ bottom: 100px;} #product .swiper-slide i:after{ height: 100px;} #product .swiper-button-prev{ left: -10px; background-size: 8px;} #product .swiper-button-prev, #product .swiper-button-next{ width: 30px; height: 30px;} #product .swiper-button-next{ right: -10px;background-size: 8px;} .wrap-blue{ padding-top: 30px;} .wrap-blue:before{ height: 440px;} #technology{ margin-top: 20px; padding: 20px;} #technology-tab ul{justify-content:flex-start; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;} #technology-tab ul::-webkit-scrollbar{ display:none;} #technology-tab ul li{ height: 50px; line-height: 50px; font-size: 14px;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 10px;overflow: visible;} #technology-item .left{ width: 40%; height: 270px;} #technology-item .left img{ width: 100%; height: 270px;} #technology-item .right{ margin-left: 25px; margin-top: 0px;} #technology-item .right h2{ font-size: 18px;} #technology-item .right .text{ height:auto;line-height: 24px;margin-top: 10px;font-size: 12px;} #technology-item .right .list{ height: auto;margin-top: 15px;} #technology-item .right .list ul li{width: calc((100% - 40px) / 3);height: 85px;padding: 10px} #technology-item .right .list ul li h3{ font-size: 15px;} #technology-item .right .list ul li p{height: 40px;line-height: 20px;margin-top: 5px;font-size: 12px;-webkit-line-clamp: 2;} .wrap-white{ padding: 40px 0;} #news-tab{ height: 50px; margin-top: 20px; width: 50%;} #news-tab ul{justify-content:flex-start; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;} #news-tab ul::-webkit-scrollbar{ display:none;} #news-tab ul li{height: 50px; line-height: 50px;font-size: 14px;text-align: center;cursor: pointer; box-sizing: border-box;overflow: visible; padding: 0 10px;} #news{ margin-top: 20px;} #news .swiper-container,#news .swiper-wrapper,#news .swiper-slide{ height: auto;} #news .swiper-slide a{ padding: 10px;} #news .swiper-slide span{ width: 100%; height: 160px;} #news .swiper-slide img{ width: 100%; height: 100%;} #news .swiper-slide h3{ margin-top: 15px; font-size: 15px;} #news .swiper-slide h4{margin-top: 5px;font-size: 12px;} #news .swiper-slide p{line-height: 24px;margin-top: 15px;font-size: 14px;} #news .swiper-button-prev{left: -15px; background-size: 15px;} #news .swiper-button-prev, #news .swiper-button-next{ width: 15px; height: 25px;} #news .swiper-button-next{ right: -15px;background-size: 15px;} #partner{ margin-top: 25px;} #partner ul li{width: 22%;height: 65px;margin: 0 10px 20px 10px;} #partner ul li img{ width: 100%; height: 100%;} #footer{padding: 40px 0;} #f-menu{ display: none;} #f-qrcode ul li span{ width: 160px; text-align: center;} #f-qrcode ul li h4{ margin-top: 15px;} #f-contact{ margin-left: 30px; margin-top: 0px;} #copyright{ height: auto;line-height: 24px; padding: 10px 0; font-size: 14px;} #sidebar{ right: 10px;} #sidebar ul li{ width: 50px; height: 50px;background-size: 25px; background-color: rgba(46,52,94,0.8);} #sidebar ul li.sb-icon4{background-size: 15px;} #sidebar .slide{ right: 60px !important;} #sidebar .tel{top: 55px;width: 165px;height: 55px;line-height: 55px;font-size: 20px;} #sidebar .qrcode{top: 90px;width: 120px;height:120px;} #sidebar .qrcode img{ width: 100px; height: 100px;} #feedback{ width: 85%; padding: 25px;} #feedback h2{ font-size: 20px;} #feedback h3{ height: auto; margin-top: 10px; font-size: 12px;} #feedback .item{ margin-top: 20px;} #feedback .input{ height: 40px;} #feedback .input input{ height: 40px; line-height: 40px;font-size: 14px;} #feedback .button{ height: 40px;} #feedback .button button{ height: 40px; line-height: 40px;font-size: 14px;} #feedback .code{ height: 40px;} #feedback .code input{ height: 40px; line-height: 40px;font-size: 14px;} #feedback .textarea textarea{ height: 80px;} .ny-banner{ padding-top: 3.75rem;} #lm-banner{ height: 130px; background-size: cover !important;} #lm-banner h2{height: 40px;line-height: 40px;font-size: 24px;} #lm-banner h3{ margin-top: 0; font-size: 14px;} #location{ display: none;} #sj-location{ display: block;background-color: #f5f5f5; } #sj-location .item{height:40px; line-height:40px; padding-left:26px; background:url(img/home.png) no-repeat left center; font-size:14px; color:#666; overflow:hidden; } #sj-location .item a{color:#666;} #sj-location .item a:hover{color:#2e345e;} #sj-location .menu{ display:flex; justify-content:flex-start; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;gap:0 20px; } #sj-location .menu::-webkit-scrollbar{ display:none;} #sj-location .menu a{height:50px; line-height:50px; font-size:15px; text-align: center;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible;} #sj-location .menu a:hover{color:#2e345e;} #sj-location .menu a.current{position:relative; z-index:1; color:#2e345e;} #sj-location .menu a.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:3px; background:#2e345e;} #product-list ul{gap: 40px 20px} #product-list ul li{ width: 31%; height: auto;} #product-list ul li img{ width: 70%; height: auto;} #product-list ul li h3{height: 45px;line-height: 45px;margin-top: 25px;font-size: 14px;} #product-list ul li:hover h3{padding: 0 50px 0 15px;background: url(img/arrow-r1.png) no-repeat right 15px center #2e345e;background-size: 20px;} #pd-info .left{ width: 40%; height: 380px;} #pd-info .left .swiper-container,#pd-info .left .swiper-wrapper,#pd-info .left .swiper-slide{ height: auto;max-height: 324px;} #pd-info .left .swiper-slide img{ width: 70%; height: auto; max-height: 324px;} #pd-info .right{ margin-top: 20px; width: 55%;} #pd-info .right h1{ font-size: 18px;} #pd-info .right h4{ font-size: 14px;} #pd-tab ul li{ height: 50px; line-height: 50px; font-size: 14px;} #pd-item{ margin-top: 10px;} #pd-item .video video{ width: 100%; height: auto;} #pd-item .slide .swiper-slide ul{ flex-wrap: wrap;} #pd-item .slide .swiper-slide ul li{ width: 45%; height: auto; margin-bottom: 20px;} #pd-item .slide .swiper-slide ul li span{ width: 100%; height: 130px;} #pd-item .slide .swiper-slide ul li img{ width: 100%; height: 100%;} #pd-item .slide .swiper-slide ul li h3{ height: 40px; line-height: 40px; font-size: 14px;} #wrap-about{ background-size: 100%; padding-bottom: 75px;} #about-since{ display: block;} #about-since img{ width: auto; height: 38px;} #about-since h3{ font-size: 20px; margin-top: 18px;} #about{ display: block; margin-top: 30px;} #about .left{ width: 100%;height: 338px;} #about .left video{ width: 100%; height: 338px;} #about-since h2{ display: none;} #about .right{ width: 100%; margin-top: 20px; font-size: 14px; line-height: 28px;} .about-title h2{ font-size: 24px;} .about-title h3{ font-size: 14px; margin-top: 5px;} #culture{ margin-top: 35px;} #culture ul li{ height: 250px; margin-bottom: 20px;} #culture ul li img{ width: 100%; height: 100%;} #culture ul li section{ top: 20px; left: 15px; right: 15px;} #culture ul li section h3{font-size: 16px;} #culture ul li section i{ margin: 15px auto 0 auto;} #culture ul li section .text{line-height: 24px;margin-top: 16px; font-size: 14px;max-height: 145px;} #wrap-history{ padding-top: 30px;background-size: 136%;} #history{width: 520px;margin: 60px auto 0 auto; } #history-item:before{left: 230px;top: 14px} #history-item:after{left: 237px;top: 51px;} #history .swiper-slide{ font-size: 24px;} #history .swiper-container{ width: 80%;} #history .swiper-button-prev, #history .swiper-button-next{ width: 30px; height: 30px;} #history-item{ width: 100%; margin-top: 0;} #history-item .left{ width: 100px;} #history-item .left h2{ font-size: 32px;} #history-item .right{ margin-left: 20px;padding: 50px 0; margin-top: 32px;} #history-item .right ul li{line-height: 24px;padding-left: 45px; font-size: 14px;} #certificate{gap: 0 4px; margin-top: 30px;} #c-prev, #c-next{ width: 30px; height: 30px;background-size: 15px;} #certificate-item{ width: 276px;height: 230px;} #certificate-item ul li:nth-child(1){left: 0;top: 45px ;width: 110px;height: 135px;} #certificate-item ul li:nth-child(2){left: 25px;top: 30px ;width: 120px;height: 160px;} #certificate-item ul li:nth-child(3){left: 50px;top: 0px ;width: 160px;height: 215px;} #certificate-item ul li:nth-child(4){left: 115px;top: 30px ;width: 120px;height: 160px;} #certificate-item ul li:nth-child(5){left: 150px;top: 45px ;width: 110px;height: 135px;} #certificate-item ul li img{ width: 100% !important; height: 100% !important;} .about-title h4{ height: auto; line-height: 24px; font-size: 14px;} #wrap-honor{ padding:30px 0;} #honor{ margin-top: 30px;} #honor .swiper-container{ width: 100%; height: 300px;} #honor .swiper-wrapper,#honor .swiper-slide{ height: 300px;} #honor .swiper-slide ul{gap: 15px;} #honor .swiper-slide ul li{width: 23%;height: 140px;} #honor .swiper-slide ul li a{ padding: 15px;} #honor .swiper-slide ul li span{ width: 100%; height: 89px;} #honor .swiper-slide ul li img{ width: 100%; height: 100%;} #honor .swiper-slide ul li h3{ margin-top: 10px; font-size: 14px;} #honor .swiper-button-prev, #honor .swiper-button-next{ width: 40px; height: 40px;} #contact .left h2{ font-size: 18px;} #contact .left h3{ height: auto; line-height: 24px; font-size: 14px; margin-top: 10px;} #contact .left .item{ margin-top: 30px;} #contact .left .item ul li{ font-size: 14px;background-size: 30px;line-height: 30px;padding-left: 40px;} #contact .right{ margin-left: 20px;} #contact .right ul{gap: 0 15px} #contact .right ul li{ padding: 15px;} #contact .right ul li img{ width: 130px; height: 130px;} #contact .right ul li h4{ font-size: 14px;} #map{ height: 230px; margin-top: 40px;} #pre-sale .left h2{ font-size: 24px;} #pre-sale .left h3{ font-size: 14px; margin-top: 0;} #pre-sale .left i{ margin-top: 20px;} #pre-sale .left .text{ margin-top: 25px; font-size: 14px; line-height: 28px;} #pre-sale .right{ width: 50%; margin-top: 20px; height: auto;} #pre-sale .right ul li{ width: 57%; height: 100px;} #pre-sale .right ul li:nth-child(2), #pre-sale .right ul li:nth-child(3){ width: 40%;} #pre-sale .right ul li img{ width: 100%; height: 100%;} #pre-sale .right ul li h3{ font-size: 14px;} #wrap-service{ padding: 30px 0;} #after-sale .text h2{ font-size: 24px;} #after-sale .text h3{ font-size: 14px; margin-top: 0;} #after-sale .item{ margin-top: 30px;} #after-sale .item ul{ gap:0 20px; flex-wrap: wrap;} #after-sale .item ul li{ width: 47%; height: auto; margin-bottom: 20px; padding: 15px;} #after-sale .item ul li i{ width: 60px; height: 60px; background-size: 25px;} #after-sale .item ul li h3{ margin-top: 10px; font-size: 15px;} #after-sale .item ul li p{line-height: 24px; height: auto; max-height: 192px; overflow-y: auto;-webkit-line-clamp: 10;margin-top: 10px;font-size: 14px;} .service-title h2{ font-size: 24px;} .service-title h3{ height: auto; font-size: 14px; margin-top: 0; line-height: 24px;} #network{ display: block; margin-top: 0;} #network .left{ display: none;} #network .right{ width: 100%;} #network-tab ul li{ font-size: 14px;} #network-item{ margin-top: 30px;} #network-item h2{ font-size: 16px;} #network-item .text{ margin-top: 20px;} #network-item .text ul li h3{ font-size: 15px;} #network-item .text ul li section{ font-size: 14px; line-height: 28px;} #network-global{ margin-top: 30px;} #network-global img{ width: 100%; height: auto;} #news-list ul li{margin-top: 25px;padding-bottom: 25px;} #news-list ul li span{ width: 140px; height: 110px;} #news-list ul li img{ width: 100%; height: 100%;} #news-list ul li section{ margin-left: 25px; width: 48%;} #news-list ul li section h3{ font-size: 16px;} #news-list ul li section h4{ margin-top: 0; font-size: 12px;} #news-list ul li section p{height: 50px;line-height: 25px;margin-top: 10px;font-size: 14px;} #news-list ul li section h5{ display: none;} #article-title{ font-size: 20px;} #article-info{ font-size: 12px;} #article{line-height: 30px;margin-top: 30px;padding-top: 30px;font-size: 14px;} #prev-next{ display: block; height: auto;padding: 10px 0;} #prev-next a{ display: block; width: 100%; height: 32px; line-height: 32px; font-size: 14px; max-width: 100%;} } @media (max-width:750px){ html{ font-size: 100% !important;} body{font-size:16px;font-size:1.2rem ;} #header{ display:none;} #page{ display:block; position:fixed; z-index:99999; top:0;} .pf{position:fixed} .pr{position:relative} .pa{position:absolute} .hidden{overflow:hidden} #sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 0 10px 0 #ccc;} #sj-logo{left:0.75rem; top:1.5rem; height:1.5rem; overflow:hidden;} #sj-logo img{width:auto;height:1.25rem;} #nav-btn{right:1rem; top:1.3125rem; width:1.875rem; height:1.375rem; background:url(img/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;} #nav-btn.close{width:1.375rem; height:1.375rem; background-image:url(img/close.png); background-size:80%;} #sj-language{position:absolute; z-index:99; height:60px;right: 60px; padding:20px 0; cursor:pointer;} #sj-language h3{display:flex; align-items:center; gap:0 5px;} #sj-language h3 span{height:20px; line-height:20px; padding-left:30px; background:none; font-size:15px; color:#666; overflow:hidden; transition:all 0.1s linear;} #sj-language h3 i{width:12px; height:7px; background:url(img/arrow-b.png) no-repeat center; transition:background 0.1s linear,transform 0.2s linear;} #sj-language:hover h3 span{background-image:none; color:#2e345e; transition:all 0.1s linear;} #sj-language:hover h3 i{background-image:url(img/arrow-b-h.png); transform:rotate(180deg); transition:background 0.1s linear,transform 0.2s linear;} #sj-language ul{position:absolute; left:50%; top:60px; transform:translate(-50%,20px); display:none; width:100px; padding:12px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.08); opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;} #sj-language:hover ul{display:block;} #sj-language ul li{height:32px; line-height:32px; font-size:14px; text-align:center; overflow:hidden;} #sj-language ul li a{display:block; padding:0 18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.2s linear;} #sj-language ul li:hover a{letter-spacing:1px; color:#2e345e; transition:all 0.2s linear;} #sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;} #sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;} #sj-nav ul li:last-child{border-bottom:none;} #sj-nav ul li a{flex:auto;} #sj-nav ul li a:hover{color:#3075dc;} #sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(img/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;} #sj-nav ul li em.del{background-image:url(img/del.png);} #sj-nav ul li ul{width:100%; display:none;} #sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;} #sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;} #sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;} #sj-nav ul li ul li a span img{ width:auto; height:100%;} #sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; } #banner{ padding-top:3.75rem; height:15.375rem;} #banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:12rem;} #banner .swiper-slide video{ height:12rem;} #banner .swiper-pagination{ bottom:10px;} #banner .swiper-pagination-bullet{ width:8px; height:8px;} #banner .swiper-pagination-bullet-active{ width:30px;} .wrapper{ width:100%; padding:0 15px;} #sj-search{ width:100%; margin-top:20px;} #sj-search input{width:88%; height:44px; line-height:44px; padding:0 16px; border-radius:0; font-size:15px; color:#464646; border: 1px #e5e5e5 solid;} #sj-search input::-moz-placeholder{color:#999;} #sj-search input::-webkit-input-placeholder{color:#999;} #sj-search input::-ms-input-placeholder{color:#999;} #sj-search button{width:44px; height:44px; background:url(img/search1.png) no-repeat center #2e345e; background-size:20px 20px; border:none; border-radius:0;} .wrap-gray{ padding: 30px 0;} .noweo-flex{ display: block;} .title h2{ font-size: 40px;height: 20px; line-height: 55px;} .title h3{height: 40px;line-height: 40px;font-size: 20px;} .title h4{line-height: 18px;margin-top: 6px;font-size: 14px; height: auto;} #product-tab{margin-top: 20px;height: 60px;width: 100%;margin-left: 0;} #product-tab ul{ justify-content:flex-start; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;} #product-tab ul::-webkit-scrollbar{ display:none;} #product-tab ul li{padding: 11px 15px;text-align: center;cursor: pointer; box-sizing: border-box; overflow: visible; width: auto;} #product-tab ul li h3{ font-size: 14px;} #product-tab ul li h4{font-size: 12px; margin-top: 0;} #product{ margin-top: 32px;} #product .swiper-container,#product .swiper-wrapper,#product .swiper-slide{ height: 310px;} #product .swiper-slide a{ padding:15px 20px;} #product .swiper-slide h2{ font-size: 14px;} #product .swiper-slide h3{margin-top: 0px; font-size: 18px;} #product .swiper-slide h4{width: 90px;height: 32px;line-height: 32px; margin-top: 15px;font-size: 14px;} #product .swiper-slide img{ height: auto; width: 90%; margin: 20px auto 0 auto;} #product .swiper-slide i:before{ bottom: 100px;} #product .swiper-slide i:after{ height: 100px;} #product .swiper-button-prev{ left: -10px; background-size: 8px;} #product .swiper-button-prev, #product .swiper-button-next{ width: 30px; height: 30px;} #product .swiper-button-next{ right: -10px;background-size: 8px;} .wrap-blue{ padding-top: 30px;} #technology{ margin-top: 20px; padding: 20px;} #technology-tab ul{justify-content:flex-start; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;} #technology-tab ul::-webkit-scrollbar{ display:none;} #technology-tab ul li{ height: 50px; line-height: 50px; font-size: 14px;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 10px;overflow: visible;} #technology-item .left{ width: 100%; height: 270px;} #technology-item .left img{ width: 100%; height: 270px;} #technology-item .right{ margin-left: 0; margin-top: 20px;} #technology-item .right h2{ font-size: 18px;} #technology-item .right .text{ height:auto;line-height: 26px;margin-top: 10px;font-size: 12px;} #technology-item .right .list{ height: auto;margin-top: 15px;} #technology-item .right .list ul li{width: calc((100% - 20px) / 2);height: 105px;padding: 10px} #technology-item .right .list ul li h3{ font-size: 15px;} #technology-item .right .list ul li p{height: 60px;line-height: 20px;margin-top: 5px;font-size: 12px;-webkit-line-clamp: 3;} .wrap-white{ padding: 40px 0;} #news-tab{ height: 50px; margin-top: 20px; width: 100%;} #news-tab ul{justify-content:flex-start; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;} #news-tab ul::-webkit-scrollbar{ display:none;} #news-tab ul li{height: 50px; line-height: 50px;font-size: 14px;text-align: center;cursor: pointer; box-sizing: border-box;overflow: visible; padding: 0 10px;} #news{ margin-top: 20px;} #news .swiper-container,#news .swiper-wrapper,#news .swiper-slide{ height: auto;} #news .swiper-slide a{ padding: 10px;} #news .swiper-slide span{ width: 100%; height: 110px;} #news .swiper-slide img{ width: 100%; height: 100%;} #news .swiper-slide h3{ margin-top: 15px; font-size: 15px;} #news .swiper-slide h4{margin-top: 5px;font-size: 12px;} #news .swiper-slide p{line-height: 24px;margin-top: 15px;font-size: 14px;} #news .swiper-button-prev{left: -15px; background-size: 15px;} #news .swiper-button-prev, #news .swiper-button-next{ width: 15px; height: 25px;} #news .swiper-button-next{ right: -15px;background-size: 15px;} #partner{ margin-top: 25px;} #partner ul li{width: 27%;height: 65px;margin: 0 10px 20px 10px;} #partner ul li img{ width: 100%; height: 100%;} #footer{padding: 40px 0;} #f-menu{ display: none;} #f-qrcode ul li span{ width: 160px; text-align: center;} #f-qrcode ul li h4{ margin-top: 15px;} #f-contact{ margin-left: 0; margin-top: 20px;} #copyright{ height: auto;line-height: 24px; padding: 10px 0; font-size: 14px;} #sidebar{ right: 10px;} #sidebar ul li{ width: 50px; height: 50px;background-size: 25px; background-color: rgba(46,52,94,0.8);} #sidebar ul li.sb-icon4{background-size: 15px;} #sidebar .slide{ right: 60px !important;} #sidebar .tel{top: 55px;width: 165px;height: 55px;line-height: 55px;font-size: 20px;} #sidebar .qrcode{top: 90px;width: 120px;height:120px;} #sidebar .qrcode img{ width: 100px; height: 100px;} #feedback{ width: 85%; padding: 25px;} #feedback h2{ font-size: 20px;} #feedback h3{ height: auto; margin-top: 10px; font-size: 12px;} #feedback .item{ margin-top: 20px;} #feedback .input{ height: 40px;} #feedback .input input{ height: 40px; line-height: 40px;font-size: 14px;} #feedback .button{ height: 40px;} #feedback .button button{ height: 40px; line-height: 40px;font-size: 14px;} #feedback .code{ height: 40px;} #feedback .code input{ height: 40px; line-height: 40px;font-size: 14px;} #feedback .textarea textarea{ height: 80px;} .ny-banner{ padding-top: 3.75rem;} #lm-banner{ height: 130px; background-size: cover !important;} #lm-banner h2{height: 40px;line-height: 40px;font-size: 24px;} #lm-banner h3{ margin-top: 0; font-size: 14px;} #location{ display: none;} #sj-location{ display: block;background-color: #f5f5f5; } #sj-location .item{height:40px; line-height:40px; padding-left:26px; background:url(img/home.png) no-repeat left center; font-size:14px; color:#666; overflow:hidden; } #sj-location .item a{color:#666;} #sj-location .item a:hover{color:#2e345e;} #sj-location .menu{ display:flex; justify-content:flex-start; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;gap:0 20px; background:#fff;margin: 0 -15px;padding: 0 15px;} #sj-location .menu::-webkit-scrollbar{ display:none;} #sj-location .menu a{height:50px; line-height:50px; font-size:15px; text-align: center;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible;} #sj-location .menu a:hover{color:#2e345e;} #sj-location .menu a.current{position:relative; z-index:1; color:#2e345e;} #sj-location .menu a.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:3px; background:#2e345e;} #product-list ul{gap: 40px 20px} #product-list ul li{ width: 47%; height: auto;} #product-list ul li img{ width: 70%; height: auto;} #product-list ul li h3{height: 45px;line-height: 45px;margin-top: 25px;font-size: 14px;} #product-list ul li:hover h3{padding: 0 50px 0 15px;background: url(img/arrow-r1.png) no-repeat right 15px center #2e345e;background-size: 20px;} #pd-info{ display: block;} #pd-info .left{ width: 100%; height: 380px;} #pd-info .left .swiper-container,#pd-info .left .swiper-wrapper,#pd-info .left .swiper-slide{ height: auto;max-height: 324px;} #pd-info .left .swiper-slide img{ width: 70%; height: auto; max-height: 324px;} #pd-info .right{ margin-top: 20px; width: 100%;} #pd-info .right h1{ font-size: 18px;} #pd-info .right h4{ font-size: 14px;} #pd-tab ul li{ height: 50px; line-height: 50px; font-size: 14px;} #pd-item{ margin-top: 10px;} #pd-item .video video{ width: 100%; height: auto;} #pd-item .slide .swiper-slide ul{ flex-wrap: wrap;} #pd-item .slide .swiper-slide ul li{ width: 45%; height: auto; margin-bottom: 20px;} #pd-item .slide .swiper-slide ul li span{ width: 100%; height: 130px;} #pd-item .slide .swiper-slide ul li img{ width: 100%; height: 100%;} #pd-item .slide .swiper-slide ul li h3{ height: 40px; line-height: 40px; font-size: 14px;} #wrap-about{ background-size: 100%; padding-bottom: 75px;} #about-since{ display: block;} #about-since img{ width: auto; height: 38px;} #about-since h3{ font-size: 20px; margin-top: 18px;} #about{ display: block; margin-top: 30px;} #about .left{ width: 100%;height: 178px;} #about .left video{ width: 100%; height: 178px;} #about-since h2{ display: none;} #about .right{ width: 100%; margin-top: 20px; font-size: 14px; line-height: 28px;} .about-title h2{ font-size: 24px;} .about-title h3{ font-size: 14px; margin-top: 5px;} #culture{ margin-top: 35px;} #culture ul{ display: block;} #culture ul li{ width: 100%; height: 250px; margin-bottom: 20px;} #culture ul li img{ width: 100%; height: 100%;} #culture ul li section{ top: 20px; left: 15px; right: 15px;} #culture ul li section h3{font-size: 16px;} #culture ul li section i{ margin: 15px auto 0 auto;} #culture ul li section .text{line-height: 24px;margin-top: 16px; font-size: 14px;max-height: 150px;} #wrap-history{ padding-top: 30px;background-size: 300%;} #history{width: 100%;margin: 60px auto 0 auto; } #history .swiper-slide{ font-size: 24px;} #history .swiper-container{ width: 80%;} #history .swiper-button-prev, #history .swiper-button-next{ width: 30px; height: 30px;} #history-item{ width: 100%; margin-top: 0;} #history-item .left{ width: 100px;} #history-item .left h2{ font-size: 32px;} #history-item .right{ margin-left: 20px;padding: 50px 0; margin-top: 32px;} #history-item .right ul li{line-height: 24px;padding-left: 45px; font-size: 14px;} #certificate{gap: 0 4px; margin-top: 30px;} #c-prev, #c-next{ width: 30px; height: 30px;background-size: 15px;} #certificate-item{ width: 276px;height: 230px;} #certificate-item ul li:nth-child(1){left: 0;top: 45px ;width: 110px;height: 135px;} #certificate-item ul li:nth-child(2){left: 25px;top: 30px ;width: 120px;height: 160px;} #certificate-item ul li:nth-child(3){left: 50px;top: 0px ;width: 160px;height: 215px;} #certificate-item ul li:nth-child(4){left: 115px;top: 30px ;width: 120px;height: 160px;} #certificate-item ul li:nth-child(5){left: 150px;top: 45px ;width: 110px;height: 135px;} #certificate-item ul li img{ width: 100% !important; height: 100% !important;} .about-title h4{ height: auto; line-height: 24px; font-size: 14px;} #wrap-honor{ padding:30px 0;} #honor{ margin-top: 30px;} #honor .swiper-container{ width: 100%; height: 620px;} #honor .swiper-wrapper,#honor .swiper-slide{ height: 620px;} #honor .swiper-slide ul{gap: 15px;} #honor .swiper-slide ul li{width: 47%;height: 140px;} #honor .swiper-slide ul li a{ padding: 15px;} #honor .swiper-slide ul li span{ width: 100%; height: 89px;} #honor .swiper-slide ul li img{ width: 100%; height: 100%;} #honor .swiper-slide ul li h3{ margin-top: 10px; font-size: 14px;} #honor .swiper-button-prev, #honor .swiper-button-next{ width: 40px; height: 40px;} #contact{ display: block;} #contact .left h2{ font-size: 18px;} #contact .left h3{ height: auto; line-height: 24px; font-size: 14px; margin-top: 10px;} #contact .left .item{ margin-top: 30px;} #contact .left .item ul li{ font-size: 14px;background-size: 30px;line-height: 30px;padding-left: 40px;} #contact .right{ margin-top: 20px;} #contact .right ul{gap: 0 15px} #contact .right ul li{ padding: 15px;} #contact .right ul li img{ width: 130px; height: 130px;} #contact .right ul li h4{ font-size: 14px;} #map{ height: 230px; margin-top: 40px;} #pre-sale{ display: block;} #pre-sale .left h2{ font-size: 24px;} #pre-sale .left h3{ font-size: 14px; margin-top: 0;} #pre-sale .left i{ margin-top: 20px;} #pre-sale .left .text{ margin-top: 25px; font-size: 14px; line-height: 28px;} #pre-sale .right{ width: 100%; margin-top: 20px; height: auto;} #pre-sale .right ul li{ width: 57%; height: 100px;} #pre-sale .right ul li:nth-child(2), #pre-sale .right ul li:nth-child(3){ width: 40%;} #pre-sale .right ul li img{ width: 100%; height: 100%;} #pre-sale .right ul li h3{ font-size: 14px;} #wrap-service{ padding: 30px 0;} #after-sale .text h2{ font-size: 24px;} #after-sale .text h3{ font-size: 14px; margin-top: 0;} #after-sale .item{ margin-top: 30px;} #after-sale .item ul{ gap:0 20px; flex-wrap: wrap;} #after-sale .item ul li{ width: 47%; height: auto; margin-bottom: 20px; padding: 15px;} #after-sale .item ul li i{ width: 60px; height: 60px; background-size: 25px;} #after-sale .item ul li h3{ margin-top: 10px; font-size: 15px;} #after-sale .item ul li p{line-height: 24px; height: auto; max-height: 192px; overflow-y: auto;-webkit-line-clamp: 10;margin-top: 10px;font-size: 14px;} .service-title h2{ font-size: 24px;} .service-title h3{ height: auto; font-size: 14px; margin-top: 0; line-height: 24px;} #network{ display: block; margin-top: 0;} #network .left{ display: none;} #network .right{ width: 100%;} #network-tab ul li{ font-size: 14px;} #network-item{ margin-top: 30px;} #network-item h2{ font-size: 16px;} #network-item .text{ margin-top: 20px;} #network-item .text ul li h3{ font-size: 15px;} #network-item .text ul li section{ font-size: 14px; line-height: 28px;} #network-global{ margin-top: 30px;} #network-global img{ width: 100%; height: auto;} #news-list ul li{margin-top: 25px;padding-bottom: 25px;} #news-list ul li span{ width: 140px; height: 110px;} #news-list ul li img{ width: 100%; height: 100%;} #news-list ul li section{ margin-left: 25px; width: 48%;} #news-list ul li section h3{ font-size: 16px;} #news-list ul li section h4{ margin-top: 0; font-size: 12px;} #news-list ul li section p{height: 50px;line-height: 25px;margin-top: 10px;font-size: 14px;} #news-list ul li section h5{ display: none;} #article-title{ font-size: 20px;} #article-info{ font-size: 12px;} #article{line-height: 30px;margin-top: 30px;padding-top: 30px;font-size: 14px;} #prev-next{ display: block; height: auto;padding: 10px 0;} #prev-next a{ display: block; width: 100%; height: 32px; line-height: 32px; font-size: 14px; max-width: 100%;} #history-item:before{ display: none;} #history-item:after{ display: none;} }