/*閬垮厤涓庝箣鍓嶇殑瀛椾綋鍐茬獊 閲嶆柊瀹氫箟*/ @font-face { font-family: "newiconfont"; /* Project id 3368983 */ src: url('newfont/iconfont.woff2?t=1652167245635') format('woff2'), url('newfont/iconfont.woff?t=1652167245635') format('woff'), url('newfont/iconfont.ttf?t=1652167245635') format('truetype'); } .newiconfont { font-family: "newiconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-benkekecheng:before { content: "\e621"; } .icon-jigong:before { content: "\e7c5"; } .icon-benkebeiyong:before { content: "\e61d"; } .icon-benkeyouxian:before { content: "\e622"; } .icon-benke:before { content: "\ea88"; } .icon-benkezhuanye:before { content: "\e605"; } .icon-jigongguanli-01:before { content: "\e62b"; } .icon-jigongsuo:before { content: "\e64f"; } .icon-jigongrencai:before { content: "\eb89"; } .icon-gaozhixueyuan:before { content: "\e620"; } .icon-zhongzhixuexiao:before { content: "\e60a"; } .icon-zhongzhijiaoyu:before { content: "\e890"; } .icon-gaozhi:before { content: "\e66e"; } .icon-weiyujijuanzhuang:before { content: "\e623"; } .icon-bath-:before { content: "\e6db"; } .icon-bath:before { content: "\eaf6"; } .icon-wuliu:before { content: "\e75f"; } .icon-guojiwuliu:before { content: "\e7ae"; } .icon-nengyuan:before { content: "\e638"; } .icon-Exportservices:before { content: "\e702"; } .icon-lights:before { content: "\e756"; } .icon-logistic-logo:before { content: "\e75c"; } .icon-aviation:before { content: "\e770"; } .icon-logistic-logo-fill:before { content: "\e783"; } .icon-wuliuchanpin:before { content: "\e7c7"; } .icon-weiyu:before { content: "\e600"; } .icon-robot:before { content: "\e7da"; } .icon-nengyuan1:before { content: "\e657"; } .icon-nengyuanguanli:before { content: "\e67d"; } .icon-more:before { content: "\e656"; } .icon-haiyangzhuangbei:before { content: "\e60e"; } .icon-haiyang:before { content: "\e648"; } /* 瀛椾綋瀹氫箟 END */ .bg-light-gray { background-color: #f6f6f6; } .text-lg-lg { font-size: 30px; } .text-lg-mid { font-size: 26px; } .text-lg { font-size: 20px; } .text-mid-lg { font-size: 18px; } .text-mid { font-size: 16px; } .text-sm { font-size: 14px; } .text-desc { color: #646464; } .news-section { width: 1000px; margin: auto; } .news-cate-item { margin-bottom: 20px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; border: 1px solid #ebeef5; padding: 0px 20px 15px 20px; } .news-section .news-cate { font-weight: bold; font-size: 1.2em; line-height: 2.5; display: flex; flex-direction: row; flex-wrap: nowrap; margin: .05rem 0; } .moreicon { font-size: 18px; } .news-section .news-cate .cate-title { width: 70%; } .news-section .news-cate .cate-more { width: 30%; text-align: right; cursor: pointer; } .news-list .news-item { display: flex; flex-direction: row; flex-wrap: nowrap; line-height: 1.8; cursor: pointer; } .news-list .news-item .news-title { width: 70%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-list .news-item .news-date { width: 30%; text-align: right; } .news-list .news-item:before { /*position: absolute;*/ /*top: 0;*/ /*right: 30rpx;*/ /*bottom: 0;*/ display: inline-block; margin: auto 5px auto 0px; content: ""; width: 5px; height: 5px; background-color: #000; line-height: inherit; } a:hover .news-item:before { background-color: #FF6600; } .news-list .news-item-first { display: flex; flex-direction: row; margin-bottom: 0.1rem; } .news-list .news-item-first .picwrap { width: 100px; height: 100px; border-radius: 0px; flex-grow: 0; overflow: hidden; } .news-list .news-item-first .img { width: 100%; height: 100%; border-radius: 0px; transition: all 0.3s linear; background-color: #ccc; overflow: hidden; } .news-list .news-item-first .img:hover { transform: scale(1.1); } .news-list .news-item-first .content { margin-left: 10px; width: calc(100% - 180px); } .news-list .news-item-first .news-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-weight: bold; } .news-list .news-item-first .news-description { font-size: 0.875em; margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .news-banner-box { width:100%; height:410px; position:relative } .slider-news.slider-news-full .img { width: 100%; height: 100%; } .slider-news-full.slick-slider .slick-list, .slider-news-full.slick-slider .slick-list .slick-track { height: 100%; } .slider-news.slider-news-full { border: none; } .slider-news.slider-news-full .slick-dots { position: absolute; bottom: 0; right: 0; width: 100%; padding-left: 0rem; text-align: center; padding-bottom: 20px; } .slider-news.slider-news-full .slick-dots { margin-top: 0rem; } .slider-news.slider-news-full .img { float: none; } .slider-news.slider-news-full .txt { position: absolute; bottom: 50px; right: 0; width: 100%; } .slider-news.slider-news-full a:hover { color: black; } .slider-news.slider-news-full .slick-slide { position: relative; } .news-mod.slider-news-full .text, .news-mod.slider-news-full h4, .news-mod.slider-news-full .t3 { color: #fff; } .news-mod.slider-news-full .t3 { text-align: center; } .news-mod.slider-news-full h4 { display: none; } .slider-news.slider-news-full .txt { overflow: hidden; padding: 0.1rem 3.6rem; } .inner-row.new-inner-row { padding: 0.2rem 0; } .list-news-3 li { width: 100%; } .news-cate-title { font-weight: bold; font-size: 18px; line-height: 2.5; margin-top: 30px; margin-bottom: 20px; border-bottom: 1px solid #000; } /* 姣忎簲鏉 浠ュ強姣忎釜鏈堝垝鍒 .list-news-3 li.listsection:after */ .list-news-3 li:nth-child(5n):after { /*position: absolute;*/ /*top: 0;*/ /*right: 30rpx;*/ /*bottom: 0;*/ display: inline-block; margin: 5px auto; content: ""; width: 100%; height: 1px; background-color: #CCC; line-height: inherit; } .page-box { display: flex; flex-direction: row; flex-wrap: nowrap; background-color: #e9e9e9; line-height: 0.4rem; color: #6b6b6b; text-align: center; user-select: none; margin-bottom: 0.3rem; } .page-box .page-info { width: 100%; font-size: 0.14rem; text-align: center; } .page-box .page-item { width: 40%; text-align: right; } .pageselect { background: none; padding: 1px 20px; border: 1px solid #6b6b6b; border-radius: 2px; } .page.page-box span { padding: 0px; margin-right: 20px; } .page.page-box .pagebtn { cursor: pointer; } .page.page-box .pagebtn:hover { text-decoration: underline; } .column-cover { width: 300px; height: 100px; } .column-box { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; padding: 0px 1.5rem; } .column-item { width: 45%; margin-bottom: 0.5rem; cursor: pointer; border: 1px solid #E4E7ED; border-radius: 5px; overflow: hidden; background-color: #ffffff; } .column-item .column-cover { width: 100%; height: 3rem; } .column-box .column-item:hover { box-shadow: 0 0.06rem 0.12rem 0.03rem rgba(0, 0, 0, 0.1); transform: translate3d(0,-2px,0); } .column-item .column-title{ line-height: 3; border-top: 1px solid #DCDFE6; padding: 0 2em; font-weight: bold; } .column-item .morebox { transform: scale(1.5); float: right; } .wp-inner { padding: 0px 1.5rem; } .wp-inner .column-title { font-weight: bold; line-height: 3; } .acticle-list { margin-top: 0.3rem; } .article { display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 0.15rem; background-color: #F2F6FC; padding: 10px; transition: all 0.2s linear; } .article:hover { box-shadow: 0 0.03rem 0.16rem 0.01rem rgba(0, 0, 0, 0.1); transform: translate3d(0,-2px,0); } .article .pic { width: 160px; height: 160px; border-radius: 0px; flex-grow: 0; transition: all 0.3s linear; background-color: #ccc; border-radius: 5px; } .article .pic:hover { transform: scale(1.1); } .article .content { margin-left: 10px; width: calc(100% - 180px); } .article .title { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-weight: bold; height: 32px; line-height: 32px; } .article .desc { font-size: 0.875em; height: calc(100% - 32px); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .inner-row.inner-row-sm { padding: 0.3rem 0 0.7rem 0; } .link { color: #323232; transition: color 0.3s; cursor: pointer; } .link:hover { color: #FF6600; } .tab-competition.tab-flex { display: flex; flex-direction: row; flex-wrap: nowrap; } .tab-competition.tab-flex a { padding: 0 10px; min-width: 2rem; width: auto; flex-shrink: 1; flex-grow: 1; } .empty-content { color: #606266; height: 1.5rem; line-height: 1.5rem; text-align: center; font-size: 0.24rem } .shadow-gray { box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1); border: 1px solid #E4E7ED; border-radius: 5px; overflow: hidden; background-color: #ffffff; transition: all 0.2s linear; } .shadow-gray:hover { box-shadow: 0 0.06rem 0.12rem 0.03rem rgba(0, 0, 0, 0.1); transform: translate3d(0,-2px,0); } /*閫氱敤鍗$墖鏍峰紡*/ .column-item,.card-item { transition: all 0.2s linear; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .column-box .column-item:hover, .card-item:hover { box-shadow: 0 2px 12px 1px rgba(255, 102, 0, 0.2); transform: translate3d(0,-2px,0); } .column-wp { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .line-item { width: 100%; margin-bottom: 0.5rem; cursor: pointer; border: 1px solid #E4E7ED; border-radius: 5px; overflow: hidden; background-color: #ffffff; padding: 0.1rem; } .line-content { display: flex; flex-direction: row; justify-content: space-between; } .line-item .img { width: 4rem; height: 2.6rem; border-radius: 2px; } .line-item .column-content { width: calc(100% - 420px); } .line-item .column-content .ctitle { line-height: 3; } .morebox .newiconfont { } a:hover .text-desc { color: #FF6600; } .inner-row.sm-inner-row { padding: 0.5rem 0 0.7rem 0; } .sm-inner-row .column-desc { margin-bottom: 0.5rem; } .list-contact .bd img.lgimg { width: 100%; height: auto; margin-left: 0.1rem; } .list-contact .bd img.smimg { width: 49%; height: auto; margin-left: 0; } .tel-slide { display: none; } .side-bar .ss1:hover .tel-slide, .side-bar .ss2:hover .tel-slide, .side-bar .ss5:hover .tel-slide { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; display: block; } .side-bar .ss3:hover .qr-pop, .side-bar .ss4:hover .qr-pop, .side-bar .ss5:hover .qr-pop { visibility: visible; opacity: 1; display: block; } .side-bar .qr-pop { top: -0.45rem; } .side-bar .ss6 img { width: 0.45rem; height: 0.45rem;; display: inline; } .side-bar .ss6 span { display: none; } .side-bar .ss7 { display: none; } .side-bar .ss7 img { width: 0.32rem; height: 0.38rem; } .contact-item-wrap { display: none; } .side-bar .ss3, .side-bar .ss4 { position: relative; } .side-bar .ss6:after { content: ''; position: absolute; left: 0.1rem; right: 0.1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.4); bottom: 0; } .side-bar li { padding: 0.15rem 0; } .contact-item { transition: height 0.3s ease-in; } .side-bar { top: auto; bottom: 0.5rem; margin-top: 0; } .ss5 .tel-slide span { line-height: 0.7rem; } .side-bar .ss4 .ico a img, .side-bar .ss5 .ico a img { width: 0.45rem; height: 0.45rem; vertical-align: middle; } .imgscale, .img.column-cover { overflow: hidden; background-repeat: no-repeat; background-size: 105%; background-position: center; } .list-c1 li .shadow-gray .txt { padding-left: .2rem; } .list-c1 li .shadow-gray .arrow { right: .2rem; } .loading-skeleton { width: 100%; height: 60vh; background: linear-gradient( to right, #f6f7f8 0%, #edeef1 10%, #f6f7f8 20%, #f6f7f8 100% ); background-size: 200% 100%; animation: flow 1s linear infinite; } @keyframes flow { 0% { background-position: 50% 0; } 100% { background-position: -150% 0; } } /*閫傞厤鎵嬫満绔?/ @media screen and (min-width:950px) and (max-width:1220px) { .news-banner-box { min-width: 960px; height: 360px; } } @media screen and (min-width:1220px) { .news-banner-box { width: 100%; height: 410px } } @media screen and (min-width:1600px) { .news-banner-box { width: 100%; height: 480px; } } @media screen and (max-width: 760px) { .text-lg-lg { font-size: 20px; } .text-lg-mid { font-size: 18px; } .text-lg { font-size: 16px; } .text-mid-lg { font-size: 14px; } .text-mid { font-size: 13px; } .text-sm { font-size: 12px; } .column-box { /*padding: 0 5%;*/ padding: 0; } .column-item { width: 100%; } .news-section { width: 100%; margin: auto; padding: 0 5% 5% 5%; } .news-section.news-section-all { padding: 0 0 5% 0; } .moreop { display: none; } .page.page-box span { padding: 0px; margin-right: 0.2rem; } .news-banner-box { width: 100%; min-width: auto; height: auto; } .slider-news.slider-news-full .img { height: 0; } .news-mod .text { display: none; } .slider-news.slider-news-full .txt { overflow: hidden; padding: 0; width: 100%; bottom: 12%; padding: 0 .8rem; } .side-bar { bottom: 1.5rem; } .news-list .news-item-first .picwrap { width: 1rem; height: 1rem; } .news-list .news-item-first .content { width: calc(100% - 1rem - 10px); } .news-list .news-item-first .news-title { -webkit-line-clamp: 1; } .news-list .news-item-first .news-description { -webkit-line-clamp: 2; } .news-list .news-item { margin-bottom: 0.05rem; } body { font-size: 14px; } .line-item .img { width: 40%; height: 0; padding-top: 30%; border-radius: 2px; } .line-item .column-content { width: 55%; } .line-item .column-content .ctitle { line-height: 1.5; } .line-content .text-desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .m_nav .sub-nav a:nth-child(2n) { text-indent: 1em; } .news-section .news-cate { line-height: 2; } .fd-cp .left span { display: inline-block; width: 100%; text-align: center; } .m-nav-list { margin-top: 0rem; padding: 0.2rem 0 0.5rem 0; } .side-bar li:hover { background-color: transparent; } #banner .ban-con { -webkit-transform: translateY(-47%); -ms-transform: translateY(-47%); transform: translateY(-47%); } #banner .btn { margin-top: 0.4rem; } .row3.mobile { padding: 0.8rem 0 0.2rem 0; } .wp-inner { padding: 0; } .article .desc { height: auto; } .article .pic { width: 100px; height: 100px; } .article .content { width: calc(100% - 110px); } } @media screen and (max-width: 769px) { .slider-news.slider-news-full { margin-bottom: 0rem; } .slider-news.slider-news-full .img { float: none; width: auto; padding-top: 60%; } } @media screen and (max-width: 1400px) and (min-width: 1200px) { .tab-more.tab-competition a { font-size: 0.2rem; } } @media screen and (max-width: 1200px) { .tab-more.tab-competition a>.iconfont, .tab-more.tab-competition a>.newiconfont { display: none; } } /*END 鎵嬫満绔牱寮?/ @media screen and (max-width: 1400px) { .list-culture li img { width: 2.27rem; height: 2.22rem; } }