@charset "UTF-8"; /*header start*/ #menuWap { display: none; } .pc_indexBanner{height: 100vh;} .m-indexBanner{display: none;} .layui-layer-content { height: calc(100% - 43px); } .layui-layer-content iframe { height: 100% !important; } .header { position: fixed; z-index: 1999; left: 0; top: 0; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.3s; background-color: rgba(12, 58, 93, 0.2); } .header.cur { background-color: rgba(12, 58, 93, 0.6); transition: all 0; } .logo { float: left; margin: 18px 0 0px 28px; } .logo img{ width: 210px; } .h-tool { line-height: 1; float: right; display: flex; background-color: #CD020D; color: #FFF; position: absolute; align-items: center; right: 0; top: 0; height: 100%; width: 95px; justify-content: center; } .h-tool>div { flex-shrink: 0; } .h-ss { padding: 0 18px; } .h-ss img { vertical-align: middle; } .nav-box { float: right; margin-right: 70px; } .pcnav { padding-right: 50px; } .pcnav li { float: left; position: relative; } .pcnav li::after { content: ''; display: block; width: 0; height: 4px; background-color: #d41924; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all .3s; } .pcnav li a { color: #FFF; display: block; font-size: 16px; padding: 32px 20px; font-family: 'SourceHanSansCN-Medium'; } .pcnav li:hover::after { width: 100%; } .pcnav li:hover .erji { opacity: 1; visibility: visible; top: 100%; transition: all 0.6s; } .erji { width: 168px; position: absolute; top: 105%; background-color: rgba(255, 255, 255, .8); left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.03); } .erji dd { white-space: nowrap; } .erji dd a { padding: 12px 8px; white-space: pre-wrap; text-align: center; color: #333333; transition: all 0.3s; } .erji dd a:hover, .erji dd a.act { color: #CD040E; } /*header end*/ /*footer start*/ .home-main .footer { background: url("../images/foot-bg.jpg") no-repeat center bottom; background-size: 100%; margin: 0; } .home-main .footer-box { padding: 0; } .hz-logo { position: relative; padding: 0 70px; margin: 50px 0 50px; } .hz-logo .swiper-button-next:after, .hz-logo .swiper-button-prev:after { color: #B3B3B3; font-size: 34px; } .hz-logo img { max-width: 100%; } .f-logo { padding: 50px 0 0; border-top: 8px solid #E6232D; } .f-logo img{ width: 210px; } #page { background: url("../images/foot-bg.jpg") no-repeat center bottom; background-size: 100%; } .footer { background-size: 100%; margin-top: 140px; } .footer-box { text-align: center; padding-bottom: 115px; } .f-nav { line-height: 1; overflow: hidden; margin: 55px 0 40px; } .f-nav a { color: #222; font-size: 16px; padding: 0 20px; } .f-nav a:hover { color: #CD040E; } .f-nav li { display: inline-block; border-right: 1px solid #222; } .f-nav li:nth-last-child(1) { border-right: 0; } .f-copy { font-size: 16px; color: #221815; } .f-emw { margin: 50px 0 40px; } .f-emw img { width: 108px; height: 108px; } .f-sm a { color: #222; font-size: 16px; padding: 0 20px; } .f-sm a:hover { color: #B81D23; } /*footer end*/ /*杞挱鍥緎tart*/ .banner { margin: 0 auto 0; width: 100%; background: #FFFFFF; } .banner .swiper-slide { position: relative; overflow: hidden; height: 100vh; } .banner .swiper-slide .img-box { width: 100%; height:100vh; position: relative; overflow: hidden; } .banner .swiper-slide .img-box video { height:inherit !important; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width:100%; object-fit: cover; } .banner .swiper-slide .img-box video::poster{ object-fit:cover; } .banner .bg-box { position: relative; z-index: 1; } .banner .bg-box img { width: 100%; height: 100vh; object-fit: cover; } .banner .wap-box { display: none; } .banner .wap-box img { width: 100%; height: auto; } .banner .swiper-pagination-bullet { width: 10px; height: 10px; background: #FFFFFF; opacity: 0.3; border-radius: inherit; border-radius: 50%; transition: all 0.6s; margin: 0 6px !important; } .banner .swiper-pagination-bullet-active { opacity: 1; } .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction { bottom: 40px; } .banner .banner-content { position: absolute; left: 0; top: 29%; width: 100%; height: 100%; z-index: 9; flex-direction: column; color: #FFF; box-sizing: border-box; padding: 0 25%; text-align: center; } .banner .banner-content h6 { font-size: 48px; } .banner .banner-content p { font-size: 20px; font-family: 'SourceHanSansCN-Medium'; text-transform: uppercase; margin: 8px 0 10px; } .banner .banner-content span { font-size: 12px; opacity: 0.42; line-height: 18px; display: inline-block; } .active.banner .banner-content h6 { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .active.banner .banner-content p { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .active.banner .banner-content span { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* .swiper-slide .banner-content { transform: translateY(-200px); opacity: 0; } */ .ani-slide .banner-content { transform: translateY(0); opacity: 1; transition: all .6s; } /*杞挱鍥緀nd*/ .crumbs-box { background-color: #FFF; z-index: 9; position: relative; padding: 38px 0; margin: 0 8% 110px; margin-top: -100px; height: 100px; box-sizing: border-box; } .crumbs-box i { font-family: 'simsun'; } .crumbs-box .home { background: url("../images/home.png") no-repeat 0% 50%; padding-left: 50px; } .crumbs-box .inner-20 { position: relative; padding-left: 20px; } .crumbs-box .slot-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; padding-right: 20px; } .crumbs-box .back { font-size: 24px; color: #B6B6B6; } .crumbs-box .news-item a { color: #333; margin-left: 40px; display: inline-block; position: relative; padding: 40px 0; transition: all 0.5s; } .crumbs-box .news-item a:hover { color: #BF2720; } .crumbs-box .news-item a:after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 0%; background-color: #BF2720; transition: all 0.5s; } .crumbs-box .news-item .cur { color: #BF2720; } .crumbs-box .news-item .cur:after { width: 100%; } .crumbs-box a { color: #B6B6B6; display: inline-block; transition: all 0.4s; } .crumbs-box a:hover { color: #CF000E; } .crumbs-box i { display: inline-block; padding: 0 5px; color: #B6B6B6; } .crumbs-box span { color: #CF000E; } /*鍏叡鏍峰紡瀹氫箟 start*/ /*渚嬪,缁熶竴闂磋窛,缁熶竴瀛椾綋,缁熶竴澶у皬鍐?缁熶竴鏈€澶ц窛绂?/ .ipd-20 { padding: 0 20px; } /* 鍐呭鍖哄煙瀹藉害+40px */ .m-width-1440 { max-width: 1440px; margin: 0 auto; } /*缃《鎸夐挳 start*/ #toTop { width: 40px; height: 40px; left: 20px; bottom: 20px; position: fixed; z-index: 999; background: #b24249; } /*缃《鎸夐挳 end*/ /*鍒嗛〉 start*/ .page-box { padding: 50px 0; text-align: center; } .page-box .page-list { margin: 0 20px; } .page-box .page-inner .prev, .page-box .page-inner .next { width: 15px; height: 26px; } .page-box .page-inner .prev { background: url("../images/page-prev.png") no-repeat; } .page-box .page-inner .next { background: url("../images/page-next.png") no-repeat; } .page-box .page-inner { display: flex; justify-content: center; align-items: center; } .page-box .page-inner a, .page-box .page-inner span { display: inline-flex; color: #3B3B3B; margin: 0 25px; height: 40px; line-height: 40px; justify-content: center; background: transparent; } .page-box .page-inner .current { font-size: 30px; color: #BF2720; font-family: 'SourceHanSansCN-Bold'; } /*鍒嗛〉 end*/ /*鍏叡鏍峰紡瀹氫箟 end*/ @keyframes fangda { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(30); opacity: 0; } } .see-more, .addche { transition: all 0.5s; position: relative; overflow: hidden; } .see-more:after, .addche:after { content: ''; transform: scale(0); position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); left: 50%; top: 50%; margin: -3px 0 0 -3px; } .see-more:hover:after, .addche:hover:after { animation: fangda 0.5s forwards ease-in; } .index-about-grid { background: url("../images/ind-aboutbg.jpg") no-repeat 50% 100%; background-size: cover; position: relative; } .index-about-grid.leftcur .bgfff { width: 0; } .index-about-grid.leftcur .about-right { visibility: hidden; transform: translateX(50%); transition: all 0.3s; background-color: #FFF; } .index-about-grid.leftcur .about-left { transform: translateX(50%); } .index-about-grid.rightcur .about-right { right: 50%; transform: translateX(50%); } .index-about-grid.rightcur .bgfff { width: 100%; } .index-about-grid .about-left { color: #FFF; float: left; width: 50%; padding: 55px 0 0; box-sizing: border-box; transition: all 0.5s; overflow: hidden; position: absolute; left: 0; top: 0%; height: 100%; z-index: 2; display: flex; align-items: center; } .index-about-grid .about-left .bg-tt { margin: 0 5% 30px 0; } .index-about-grid .about-left .about-pp { padding-bottom: 150px; } .index-about-grid .bgfff { content: ''; position: absolute; right: 0; top: 0; width: 50%; height: 100%; z-index: 5; background: url("../images/ind-aboutbg2.jpg") no-repeat; background-size: 100% 100%; transition: all 1s; } .index-about-grid .about-right { position: absolute; right: 0; top: 0; height: 100%; z-index: 6; transition: all 0.6s; float: right; overflow: hidden; box-sizing: border-box; width: 50%; box-sizing: border-box; display: flex; align-items: center; } .index-about-grid .about-right.cur { width: 100%; } .index-about-grid .about-right .bg-tt { -webkit-text-stroke: 1px #656565; text-stroke: 1px #656565; overflow: hidden; white-space: nowrap; padding-left: 13%; margin-bottom: 30px; } .index-about-grid .about-right .padright { padding-left: 13%; } .index-about-grid .about-right .about-pp { flex-shrink: 0; width: 100%; } .index-about-grid .text { font-size: 16px; line-height: 30px; max-height: 120px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .index-about-grid .about-list { margin: 50px 0 80px; } .index-about-grid .about-list li { float: left; width: 25%; text-align: center; } .index-about-grid .about-list .icon { height: 38px; } .index-about-grid.active .about-list li { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .index-about-grid.active .about-list li:nth-child(1) { -webkit-animation-duration: 1s; animation-duration: 1s; } .index-about-grid.active .about-list li:nth-child(2) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .index-about-grid.active .about-list li:nth-child(3) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .index-about-grid.active .about-list li:nth-child(4) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .index-about-grid .c-t { font-size: 14px; margin: 20px 0 0; color: #FFF; } .index-about-grid .see-more { background-color: #CF000E; color: #FFF; font-size: 18px; font-family: 'SourceHanSansCN-Medium'; display: inline-block; line-height: 20px; padding: 16px 50px; border-radius: 24px; } .index-about-grid .see-more img { vertical-align: middle; margin-left: 10px; } .index-about-grid .about-text { padding-right: 15%; } .index-about-grid .about-rtext h3 { font-family: 'SourceHanSansCN-Medium'; font-size: 24px; color: #333; margin-bottom: 26px; } .index-about-grid .about-rtext p { font-size: 16px; color: #999; line-height: 30px; max-height: 60px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .bg-tt { color: rgba(222, 229, 233, 0); font-size: 130px; line-height: 1; position: relative; opacity: 0.1; -webkit-text-stroke: 1px #CECECE; text-stroke: 1px #CECECE; white-space: nowrap; font-family: 'SourceHanSansCN-Medium'; } .title { color: #FFF; display: flex; line-height: 32px; margin-bottom: 60px; position: relative; } .title i { padding: 0 40px; } .title h2 { font-size: 30px; position: relative; flex-shrink: 0; } .title h2:after { content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #CF000E; border-radius: 2px; } .title .subtt { font-size: 16px; letter-spacing: 20px; text-transform: uppercase; font-family: 'SourceHanSansCN-Light'; } .title .slot-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } @keyframes bounce { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(10); opacity: 0; } } .about-map { margin: 42px 0 0; position: relative; } .about-map img { width: 100%; } .about-map .mdot { position: absolute; z-index: 2; width: 5px; height: 5px; background-color: #97B5CF; border-radius: 50%; } .about-map .dot1 { right: 28%; bottom: 61%; animation: bounce 3s 0.2s infinite ease; display: none; } .about-map .dot2 { right: 28%; bottom: 58%; animation: bounce 3s infinite ease; } .about-map .dot3 { right: 26%; bottom: 58%; animation: bounce 3s 0.3s infinite ease; display: none; } .about-map .map-num { position: absolute; bottom: 75px; left: 0; color: #BF9D5A; line-height: 1; } .about-map .map-num dl { display: flex; margin-bottom: 30px; } .about-map .map-num dl:nth-child(2) { color: #BF2720; } .about-map .map-num dl:nth-last-child(1) { margin-bottom: 0; } .about-map .map-num dl:nth-last-child(1) dd { border-color: #BF2720; } .about-map .map-num dt { font-size: 36px; font-family: 'SourceHanSansCN-Bold'; } .about-map .map-num p { font-family: 'SourceHanSansCN-Medium'; margin-bottom: 3px; } .about-map .map-num dd { font-size: 16px; border-left: 1px solid #BF9D5A; padding-left: 16px; margin-left: 16px; font-family: 'SourceHanSansCN-Medium'; } .about-map .map-num span { font-size: 12px; opacity: 0.3; text-transform: uppercase; } .index-product-grid { background: url("../images/ind-probg.jpg") no-repeat 50% 50%; background-size: cover; } .index-product-grid .bg-tt { opacity: 0.2; -webkit-text-stroke: 1px #656565; text-stroke: 1px #656565; margin: 0 0 24px; } .index-product-grid .title { color: #333; margin: 0; } .index-product-grid .title .subtt { color: #33415F; } .index-product-grid .title .subtt small { color: #DCDCDC; } .index-product-grid .pro-topt { display: flex; margin: 10px 0 70px; } .index-product-grid .pro-topt .text-p { font-size: 16px; color: #999; padding-left: 40px; margin: 0 80px 0 26px; line-height: 30px; max-height: 90px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; position: relative; } .index-product-grid .pro-topt .text-p:after { content: ''; position: absolute; left: 0; top: 50%; height: 75px; width: 1px; background-color: #E5E5E5; margin-top: -37px; } .index-product-grid .pro-topt .flex-b { flex-shrink: 0; } .index-product-grid .see-more { background-color: #CF000E; color: #FFF; font-size: 18px; font-family: 'SourceHanSansCN-Medium'; display: inline-block; line-height: 20px; padding: 16px 50px; border-radius: 24px; flex-shrink: 0; height: auto; } .index-product-grid .see-more img { vertical-align: middle; margin-left: 10px; } .index-product-grid.active .ind-protx li { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .index-product-grid.active .ind-protx li:nth-child(1) { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; } .index-product-grid.active .ind-protx li:nth-child(2) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .index-product-grid.active .ind-protx li:nth-child(3) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .index-product-grid.active .ind-protx li:nth-child(4) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .index-product-grid.active .ind-protx li:nth-child(5) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .ind-protx .p-item { position: relative; } .ind-protx .p-item .text { position: absolute; left: 0; top: 0; } .ind-protx .p-item:hover .imgshow img { transform: scale(1.05); } .ind-protx .imgshow { overflow: hidden; } .ind-protx .imgshow img { width: 100%; transition: all 0.5s; } .ind-protx h3 { font-size: 20px; } .ind-protx h3 a { color: #FFF; } .ind-protx .text { color: #C2C6CC; box-sizing: border-box; padding: 40px; } .ind-protx .text p { font-size: 14px; opacity: 0.3; } .ind-protx li { float: left; width: 25%; } .ind-protx li:nth-child(1) { width: 50%; } .ind-protx li:nth-child(1) .text { color: #fff; box-sizing: border-box; padding: 40px; } .ind-protx li:nth-child(1) .text p { opacity: 0.3; } .ind-protx li:nth-child(1) h3 { font-size: 24px; } .index-case-grid { background: url("../images/ind-casebg.jpg") no-repeat 50% 50%; background-size: cover; } .index-case-grid .case-btn { text-align: center; margin-top: 110px; } .index-case-grid .see-more { background-color: #CF000E; color: #FFF; font-size: 18px; font-family: 'SourceHanSansCN-Medium'; display: inline-block; line-height: 20px; padding: 14px 50px; border-radius: 24px; } .index-case-grid .see-more img { vertical-align: middle; margin-left: 10px; } .index-case-grid .bg-tt { opacity: 0.1; -webkit-text-stroke: 1px #FFFFFF; text-stroke: 1px #FFFFFF; margin: 0 0 68px; } .index-case-grid .title small { color: #fff; opacity: 0.3; } .index-case-grid .title h2:after { background-color: #FFF; } .index-case-grid .left-tt { width: 30%; } .index-case-grid .left-tt .left-text { font-size: 16px; color: #FFF; } .index-case-grid.active .left-tt { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .index-case-grid.active .case-swiper .swiper-slide { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .index-case-grid.active .case-swiper .swiper-slide:nth-child(1) { -webkit-animation-delay: 1s; animation-delay: 1s; } .index-case-grid.active .case-swiper .swiper-slide:nth-child(2) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .index-case-grid.active .case-swiper .swiper-slide:nth-child(3) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .case-cont { display: flex; justify-content: space-between; } .case-cont .case-swiper { width: 64%; color: #FFF; font-size: 18px; } .case-cont .case-swiper .c-item:hover .imgshow img { transform: scale(1.05); } .case-cont .case-swiper .imgshow { margin: 0 0 20px; overflow: hidden; } .case-cont .case-swiper .imgshow img { width: 100%; transition: all 0.5s; } .case-cont .case-swiper a { color: #FFF; } .case-cont .case-swiper a:hover { color: #E6232D; transition: all 0.5s; } .case-cont .case-swiper h3 { font-size: 20px; } .case-cont .case-swiper p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .case-cont .left-page { position: relative; display: flex; justify-content: flex-start; align-items: center; margin: 75px 0 0; } .case-cont .left-page .c-page { position: relative; width: 125px; flex-shrink: 0; display: flex; justify-content: space-between; } .case-cont .left-page .swiper-button-next { right: 0; } .case-cont .left-page .swiper-button-prev { left: 0; } .case-cont .left-page .swiper-button-next, .case-cont .left-page .swiper-button-prev { top: 0; margin: 0; width: 46px; height: 46px; border: 2px solid #FFF; border-radius: 50%; position: relative; } .case-cont .left-page .swiper-button-next:after, .case-cont .left-page .swiper-button-prev:after { font-size: 14px; color: #FFF; } .case-cont .left-page .swiper-pagination-bullet { width: 12px; height: 2px; border-radius: 1px; background-color: #FFF; opacity: 0.35s; } .case-cont .left-page .swiper-pagination { position: relative; top: 0; bottom: 0; text-align: left; width: auto; margin-right: 35px; } .index-news-grid .bg-tt { opacity: 0.15; -webkit-text-stroke: 1px #656565; text-stroke: 1px #656565; } .index-news-grid .title { color: #333; margin-bottom: 0; } .index-news-grid .title small { color: #DCDCDC; } .index-news-grid .pro-topt { display: flex; position: relative; margin: 0px 0 70px; } .index-news-grid .pro-topt .text-p { padding-left: 40px; margin: 0 80px 0 26px; line-height: 1; position: relative; height: 64px; display: flex; align-items: center; } .index-news-grid .pro-topt .text-p:after { content: ''; position: absolute; left: 0; top: 50%; height: 64px; width: 1px; background-color: #E5E5E5; margin-top: -32px; } .index-news-grid .pro-topt .flex-b { flex-shrink: 0; } .index-news-grid .pro-topt .see-more { position: absolute; right: 0; top: 0; background-color: #CF000E; color: #FFF; font-size: 18px; font-family: 'SourceHanSansCN-Medium'; display: inline-block; line-height: 20px; padding: 16px 50px; border-radius: 24px; flex-shrink: 0; height: auto; } .index-news-grid .pro-topt .see-more img { vertical-align: middle; margin-left: 10px; } .index-news-grid .news-tab { font-size: 20px; } .index-news-grid .news-tab a { color: #BBBBBB; font-family: 'SourceHanSansCN-Medium'; display: inline-block; line-height: 1; } .index-news-grid .news-tab a:nth-child(2) { position: relative; margin-left: 30px; padding-left: 30px; } .index-news-grid .news-tab a:nth-child(2):after { content: ''; position: absolute; left: 0; top: 50%; height: 20px; margin-top: -10px; width: 1px; background-color: #BBBBBB; } .index-news-grid .news-tab .cur { color: #CF000E; } .index-news-grid.active .news-left { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .index-news-grid.active .indnews-list li { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .index-news-grid.active .indnews-list li:nth-child(1) { -webkit-animation-delay: 1s; animation-delay: 1s; } .index-news-grid.active .indnews-list li:nth-child(2) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .index-news-grid.active .indnews-list li:nth-child(3) { -webkit-animation-delay: 2s; animation-delay: 2s; } .indnews-cont .news-left { float: left; width: 49%; } .indnews-cont .news-left:hover .imgshow img { transform: scale(1.04); } .indnews-cont .news-left .text { background-color: #FF5100; color: #FFF; padding: 38px 48px; } .indnews-cont .news-left a { color: #FFF; } .indnews-cont .news-left h3 { font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 12px; } .indnews-cont .news-left p { font-size: 16px; margin-bottom: 12px; line-height: 24px; height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; opacity: 0.8; } .indnews-cont .news-left .date { font-size: 18px; } .indnews-cont .news-right { float: right; width: 49%; } .indnews-cont .imgshow { overflow: hidden; } .indnews-cont .imgshow img { transition: all 0.5s; width: 100%; } .indnews-list li { display: block; } .indnews-list li:nth-child(1) .n-item { padding-left: 40px; } .indnews-list h3 { font-size: 22px; margin-bottom: 12px; } .indnews-list h3 a { color: #333; transition: all 0.4s; } .indnews-list h3 a:hover { color: #CF000E; } .indnews-list p { color: #666; font-size: 16px; line-height: 24px; height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 12px; } .indnews-list .date { color: #333; font-size: 18px; } .indnews-list .imgshow { float: left; width: 49%; } .indnews-list .hasimg { border-top: 1px solid rgba(125, 127, 120, 0.3); padding: 20px 0; } .indnews-list .hasimg .text { float: right; width: 48%; } .indnews-list .n-item { min-height: 177px; } .indnews-list .n-item:hover .imgshow img { transform: scale(1.04); } .right-menu { position: fixed; right: 3%; top: 50%; transform: translateY(-50%); z-index: 199002; } .right-menu dd { background-color: #B6B6B6; margin: 10px 0; width: 52px; height: 52px; border-radius: 50%; text-align: center; line-height: 52px; transition: all 0.5s; position: relative; } .right-menu dd img { vertical-align: middle; } .right-menu dd:hover { cursor: pointer; background-color: #CF000E; } .right-menu dd:hover .r-tip { margin-left: -10px; opacity: 1; visibility: visible; } .right-menu .r-tip { position: absolute; left: 0%; top: 50%; width: 116px; height: 30px; transform: translate(-100%, -50%); background: url("../images/dbx.png") no-repeat center; line-height: 30px; text-align: center; margin-left: 0px; transition: all 0.5s; opacity: 0; visibility: hidden; } .right-menu dd:nth-child(2) .r-tip { font-size: 14px; } #yyzx { display: none; } .zx-form { padding: 65px 80px; background-color: #FFF; } .zx-form h3 { font-size: 36px; color: #CD040E; font-family: 'SourceHanSansCN-Medium'; padding-bottom: 30px; border-bottom: 1px solid rgba(51, 51, 51, 0.1); margin-bottom: 52px; } .zx-form h3 span { font-size: 20px; color: #333333; padding-left: 20px; font-family: 'SourceHanSansCN-Normal'; } .zx-form .layui-form .layui-input-block { max-width: 465px; } .zx-form .layui-form-item { margin-bottom: 36px; } .zx-form .layselect { display: flex; } .zx-form .layselect .layui-form-select:nth-of-type(1) { margin-right: 18px; } .zx-form .layui-form-label { padding: 9px 0; width: 100px; } .zx-form .layui-input, .zx-form .layui-select, .zx-form .layui-textarea { height: 44px; border-color: #E5E5E5; } .zx-form .layui-textarea { height: 165px; } .zx-form .layui-unselect { text-align: center; } .zx-form .layselect input::-webkit-input-placeholder { /* Edge */ color: #333; } .zx-form .layselect input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #333; } .zx-form .layselect input::placeholder { color: #333; } .zx-form input::-webkit-input-placeholder, .zx-form textarea::-webkit-input-placeholder { /* Edge */ color: #333; opacity: 0.3; } .zx-form input:-ms-input-placeholder, .zx-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #333; opacity: 0.3; } .zx-form input::placeholder, .zx-form textarea::placeholder { color: #333; opacity: 0.3; } .zx-form .layui-form-select dl dd.layui-this { background-color: #CD040E; } .zx-form .iPicker-list li.iPicker-list-active, .zx-form .iPicker-list li:hover { background-color: #CD040E; color: #FFF; } .zx-form .iPicker-result.iPicker-result-active:not(.iPicker-disabled), .zx-form .iPicker-result.iPicker-result-active:not(.iPicker-disabled):hover { border-color: #E5E5E5; } .zx-form .iPicker-container, .zx-form .iPicker-target * { font-size: 16px; } .zx-form .iPicker-input { text-align: center; } .zxlayer .layui-layer-title, .zxlayer .layui-layer-setwin { display: none; } .zxlayer .tips { margin: 26px 0 16px; color: #333; opacity: 0.5; font-size: 16px; } .zxlayer .tip-error { background-color: rgba(220, 220, 220, 0.2); color: #BD2820; font-family: 'SourceHanSansCN-Medium'; padding: 12px 30px; } .zxlayer .tjbtn { width: 260px; height: 50px; background: #BD2820; border-radius: 10px; text-align: center; line-height: 50px; font-size: 24px; font-family: 'SourceHanSansCN-Medium'; border: none; box-shadow: none; color: #FFF; } .zxlayer .layui-layer-content { height: 100% !important; } .formhide { color: #BD2820; display: flex; align-items: center; cursor: pointer; } .formhide .icon { margin-right: 10px; width: 18px; height: 18px; display: inline-block; background: url("../images/sq.png") no-repeat 50% 50%; transition: all 0.3s; } .formhide.cur .icon { transform: rotate(-180deg); } .iPicker-target { display: flex; justify-content: space-between; } .banner-ny { position: relative; } .banner-ny.banner-d { height: 240px; overflow: hidden; } .banner-ny img { width: 100%; } .banner-ny .b-text { position: absolute; left: 0%; top: 50%; width: 100%; transform: translateY(-50%); z-index: 9; color: #FFF; } .banner-ny .b-text h4 { font-size: 40px; font-family: 'SourceHanSansCN-Medium'; } .banner-ny .b-text p { opacity: 0.8; font-size: 24px; } .problock1 .igmshow { float: left; width: 55.55%; } .problock1 .igmshow img { width: 100%; } .problock1 .text { float: right; width: 42%; } .problock1 .text-p { font-size: 20px; color: #999999; line-height: 2; } .title.type2 { color: #333; } .title em { padding-left: 78px; } .tx-list { margin: 115px 0; } .tx-list li { float: left; width: 25%; text-align: center; } .tx-list p { font-size: 24px; color: #999; margin: 24px 0 0; } .tx-list .icon { display: inline-block; height: 82px; } .content-product { background: url("../images/pro1bg.jpg") no-repeat 50% 0; background-size: 100%; } .problock-tabitem { margin: 0 6.25%; background: url("../images/protxbg.jpg") no-repeat 50% 50%; background-size: cover; } .problock-tabitem .p-item { display: flex; } .problock-tabitem .p-item a { line-height: 1; color: #FFF; display: inline-block; border: 1px solid transparent; padding: 16px 25px; border-radius: 25px; transition: all 0.3s; } .problock-tabitem .p-item .cur { border-color: #FFF; } .problock-tabitem .p-item .swiper-slide { width: auto; } .problock-cont { padding: 120px 0; } .problock-cont .title { display: block; position: relative; } .problock-cont .title .slot-right { z-index: 9; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 75%; } .problock-cont h2 { position: relative; display: inline-block; padding-right: 70px; margin: 0 0 10px; } .problock-cont h2:after { bottom: 50%; right: 0; left: auto; transform: translateX(50%); } .prony-swiper{ position: relative; } .prony-swiper .swiper-button-next:after,.prony-swiper .swiper-button-prev:after{ color: #FFF; font-size: 28px; padding: 8px; } .prony-swiper .swiper-button-next,.prony-swiper .swiper-button-prev{ background: #D53A37; } .prony-swiper .swiper-pagination { display: flex; align-items: center; justify-content: center; bottom: -50px; } .prony-swiper .swiper-pagination-bullet { margin: 0 10px !important; width: 8px; height: 8px; background-color: #FFF; opacity: 0.5; transition: all 0.4s; } .prony-swiper .swiper-pagination-bullet-active { opacity: 1; background-color: #D53A37; width: 20px; height: 20px; } .protabboxscoll .p-b { position: relative; width: 36%; float: left; transition: all 0.5s; } .protabboxscoll .swiper-slide .p-b:nth-child(2){ float: right; } .protabboxscoll .swiper-slide .p-b.cur{ width: 62.45%; } .protabboxscoll ul { display: flex; } .protabboxscoll ul li { margin-right: 20px; } .protabboxscoll li { width: 520px; overflow: hidden; transition: all 0.5s; } .protabboxscoll img { width: 100%; height: 428px; object-fit: cover; } .protabboxscoll li.cur { width: 900px; } .protabboxscoll .text { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 150px 40px 40px; background-image: linear-gradient(to bottom, rgba(23, 41, 72, 0), rgba(23, 41, 72, 0.8)); color: #FFF; font-size: 16px; } .protabboxscoll .text a { color: #FFF; font-size: 24px; } .protabboxscoll .text h3 { margin: 6px 0 0; } .protabboxscoll .imgshow { overflow: hidden; } .protabboxscoll .imgshow img { transition: all 0.6s; } .prodis-top { position: relative; } .prodis-top:before { content: ''; position: absolute; right: -60px; top: 0; width: 60%; height: 250px; background-color: #F6F6F6; z-index: 1; opacity: 0.3; } .prodis-top .imgshow { float: left; width: 55.5%; position: relative; z-index: 2; } .prodis-top .imgshow img { width: 100%; } .prodis-top .text { position: relative; z-index: 2; color: #333; float: right; width: 42%; box-sizing: border-box; padding-right: 100px; padding-top: 40px; position: relative; } .prodis-top .text .shop-b { position: absolute; right: 0; top: 20px; } .prodis-top .text .subtt { font-size: 16px; } .prodis-top .text h3 { margin: 20px 0 60px; font-size: 30px; line-height: 1.2; } .prodis-top .text-p h4 { font-size: 20px; margin-bottom: 18px; } .prodis-top .text-p p { color: #999; line-height: 2; } .prodis-top .t-s { display: flex; align-items: center; margin: 30px 0 50px; } .prodis-top .t-s h4 { margin: 0 20px 0 0; } .prodis-top .t-s a { color: #999; padding: 3px 10px; line-height: 1; border: 1px solid transparent; margin-right: 10px; } .prodis-top .t-s .cur { border-color: #BD2820; color: #BD2820; } .prodis-top .addche { background-color: #BF2720; color: #FFF; font-size: 18px; font-family: 'SourceHanSansCN-Medium'; padding: 12px 35px; border-radius: 24px; display: inline-block; line-height: 20px; } .prodis-top .addche img { vertical-align: middle; margin-right: 10px; } .prod-gaishu { padding: 40px 40px 40px 60px; margin: 110px 0 0; background: #FFFFFF; box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.05); } .prod-gaishu .imgshow { float: right; width: 42%; } .prod-gaishu .imgshow img { width: 100%; } .prod-gaishu .text { float: left; width: 52%; color: #999; line-height: 1.875; } .prod-gaishu .pro-tt { margin-top: 0; } .pro-tt { margin: 100px 0 32px; } .pro-tt h3 { font-size: 30px; font-family: 'SourceHanSansCN-Medium'; color: #333; } .prod-guige { color: #999999; line-height: 1.875; } .prod-guige .text-p { padding-right: 36%; } .my-table { margin: 70px 0 0; color: #333333; font-size: 20px; } .my-table table { width: 100%; table-layout: fixed; } .my-table td { padding: 12px; text-align: center; border: 1px solid rgba(51, 51, 51, 0.1); } .my-table tr { transition: all 0.5s; } .my-table tr:hover { background-color: #BF2720; } .my-table tr:hover td { color: #FFF; } .shoufa-list ul { display: flex; justify-content: space-between; } .shoufa-list ul li { height: 360px; width: 36%; transition: all 0.5s; } .shoufa-list ul li.cur { width: 62.5%; } .shoufa-list ul li.cur img { height: 360px; } .shoufa-list ul li.cur .text { width: 65%; } .shoufa-list ul li img { width: 100%; height: 300px; object-fit: cover; } .shoufa-list ul li .text { width: 100%; } .shoufa-list .s-item { position: relative; } .shoufa-list .text { position: absolute; left: 0; top: 0; width: 55%; height: 100%; box-sizing: border-box; padding: 60px 35px; color: #FFF; } .shoufa-list .text p { line-height: 1.875; } .shoufa-list .text a { color: #FFF; } .shoufa-list .text h4 { font-size: 24px; font-family: 'SourceHanSansCN-Medium'; margin-bottom: 20px; } .shoufa-list .imgshow { overflow: hidden; display: block; padding-bottom: 72%; position: relative; } .shoufa-list .imgshow img { transition: all 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .bz-cont { background: url("../images/bz-bg.jpg") no-repeat 50% 50%; background-size: cover; padding: 70px; color: #fff; } .bz-cont .bz-tt { text-align: center; margin: 0 0 30px; } .bz-cont .bz-tt h4 { font-size: 20px; font-family: 'SourceHanSansCN-Medium'; margin-bottom: 12px; } .bz-cont .bz-list ul { display: flex; justify-content: space-between; margin-bottom: 8px; } .bz-cont .bz-list ul li { width: 33%; flex-shrink: 0; background-color: rgba(137, 197, 243, 0.1); } .bz-cont .bz-list ul li:nth-child(2) { background-color: rgba(137, 197, 243, 0.3); } .bz-cont .bz-list ul li:nth-child(3) { background-color: rgba(137, 197, 243, 0.5); } .bz-cont .bz-list ul.type2 li { width: 24.5%; background-color: rgba(137, 197, 243, 0.3); } .bz-cont .bz-list ul.type2 li:nth-child(2) { background-color: rgba(137, 197, 243, 0.5); } .bz-cont .bz-list ul.type2 li:nth-child(3) { background-color: rgba(137, 197, 243, 0.1); } .bz-cont .bz-list .b-item { display: flex; align-items: center; justify-content: center; padding: 40px 25px; } .bz-cont .bz-list li { display: flex; } .bz-cont .bz-list .icon { flex-shrink: 0; margin-right: 26px; } .bz-cont .bz-list h4 { font-family: 'SourceHanSansCN-Medium'; margin-bottom: 12px; font-size: 20px; } .bz-cont .bz-list p { font-family: 'SourceHanSansCN-Medium'; line-height: 26px; font-size: 14px; max-height: 72px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .p-caselist ul { margin: 0 -15px; } .p-caselist .imgshow img { width: 100%; } .p-caselist li { float: left; width: 33.33%; padding: 0 15px; box-sizing: border-box; } .p-caselist .c-item { position: relative; } .p-caselist .c-item .text { position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; z-index: 1; background-image: linear-gradient(to bottom, rgba(23, 41, 72, 0), rgba(23, 41, 72, 0.65)); color: #FFF; text-align: center; display: flex; align-items: flex-end; justify-content: center; padding: 0 0 30px 0; box-sizing: border-box; font-size: 20px; } .p-caselist li { margin-bottom: 20px; } .content-news .news-list ul { margin: 0 -15px; } .content-news .news-list .imgshow img { width: 100%; } .content-news .news-list li { float: left; width: 33.33%; padding: 0 15px; box-sizing: border-box; } .content-news .news-list li { margin-bottom: 30px; } .news-list { color: #3B3B3B; } .news-list .n-item { padding: 10px; border: 1px solid #E5E5E5; transition: all 0.5s; } .news-list .n-item:hover { border-color: transparent; box-shadow: 0px 6px 18px 0px rgba(6, 1, 3, 0.08); } .news-list .n-item:hover .imgshow img { transform: scale(1.05); } .news-list a { color: #3B3B3B; } .news-list a:hover { color: #BF2720; } .news-list .imgshow { overflow: hidden; } .news-list .imgshow a { display: block; overflow: hidden; position: relative; padding-bottom: 59.0909%; } .news-list .imgshow a img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; } .news-list .imgshow img { transition: all 0.6s; } .news-list h3 { font-size: 24px; font-family: 'SourceHanSansCN-Medium'; line-height: 35px; height: 70px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .news-list .text { padding: 24px; } .news-list .date { font-size: 16px; color: #BF2720; margin: 18px 0 24px; } .news-list p { line-height: 26px; height: 52px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .content-news-detail h3 { font-size: 30px; text-align: center; font-family: 'SourceHanSansCN-Medium'; color: #333; padding: 0 17%; } .content-news-detail .date { font-size: 16px; color: #333; text-align: center; margin: 40px 0 55px; } .content-news-detail .text { line-height: 1.875; color: #333; } .content-news-detail .text img { max-width: 100%; height: auto; margin: 0 0 10px; } .content-news-detail .news-page { margin: 90px 0 0; } .content-news-detail .news-page a { line-height: 1.9; display: block; color: #333333; } .content-news-detail .news-page a:hover { color: #BD2820; } .content-case { background: url("../images/banner-case.jpg") no-repeat 50% 100%; background-size: cover; padding: 250px 0 50px; } .content-case .crumbs-box { margin: 0 5% 0; background-color: rgba(255, 255, 255, 0.2); } .case-btext { color: #FFF; margin: 0 0 100px; } .case-btext h4 { font-size: 40px; font-family: 'SourceHanSansCN-Medium'; } .case-btext p { opacity: 0.8; font-size: 24px; } .case-tt { text-align: center; color: #FFF; margin: 68px 0; } .case-tt h2 { font-size: 30px; font-family: 'SourceHanSansCN-Medium'; } .case-tt p { opacity: 0.5; text-transform: uppercase; letter-spacing: 10px; } .case-tt .line { margin: 19px auto 0; width: 40px; height: 3px; background: #BF2720; border-radius: 2px; } .case-item { text-align: center; margin: 0 0 70px; } .case-item a { color: #FFF; font-size: 16px; display: inline-block; margin: 0 8px; padding: 8px 20px; line-height: 1; transition: all 0.45s; } .case-item .cur { background-color: #BF2720; border-radius: 15px; } .case-item .swiper-slide { width: auto; } .content-case .crumbs-box a, .content-case .crumbs-box i { color: #FFF; } .content-case .crumbs-box .home { background: url(../images/home2.png) no-repeat 0 50%; padding-left: 50px; } .content-case .caseny-swiper { position: relative; padding-bottom: 80px; } .content-case .caseny-swiper h3 { position: absolute; left: 0; bottom: 35px; box-sizing: border-box; width: 100%; text-align: center; font-size: 24px; } .content-case .caseny-swiper h3 a { color: #FFF; } .content-case .caseny-swiper .swiper-slide img { width: 100%; height: 400px; object-fit: cover; } .content-case .caseny-swiper .swiper-slide .imgshow { transition: all 0.5s; float: left; width: 36%; position: relative; } .content-case .caseny-swiper .swiper-slide .imgshow:nth-child(2) { float: right; } .content-case .caseny-swiper .swiper-slide .imgshow.cur { width: 62.5%; } .content-case .caseny-swiper .swiper-pagination { display: flex; align-items: center; justify-content: center; bottom: 0; } .content-case .caseny-swiper .swiper-pagination-bullet { margin: 0 10px !important; width: 8px; height: 8px; background-color: #FFF; opacity: 0.5; transition: all 0.4s; } .content-case .caseny-swiper .swiper-pagination-bullet-active { opacity: 1; background-color: #D53A37; width: 20px; height: 20px; } .prodis-cont .color-tabp { overflow: hidden; } .prodis-cont .color-tabp a { width: 23%; height: 42px; float: left; margin-right: 2.66%; } .prodis-cont .color-tabp a:nth-child(4n) { margin-right: 0; } .prodis-cont dl { margin: 30px 0 40px; } .prodis-cont dd { font-size: 24px; color: #333; line-height: 2; } .prodis-cont dd em { color: #B6B6B6; padding-right: 10px; } .prodis-cont .text { float: right; width: 42%; } .prodis-cont .text h3 { font-size: 48px; color: #333; margin-bottom: 20px; line-height: 1; } .prodis-cont .text-p { font-size: 24px; color: #B6B6B6; line-height: 1.9; } .prodis-swiper { float: left; width: 55%; box-sizing: border-box; } .prodis-swiper .gallery-top { background: #FFFFFF; } .prodis-swiper .swiper-slide img { width: 100%; } .prodis-swiper .swiper-slide .img-box { position: relative; overflow: hidden; padding-bottom: 51.11111%; } .prodis-swiper .swiper-slide .img-box img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .prodis-swiper .gallery-thumbs .swiper-slide { box-sizing: border-box; } .prodis-swiper .gallery-thumbs .swiper-slide img { border: 1px solid transparent; } .prodis-swiper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img { border-color: #D53636; } .bot-pro-swiper { position: relative; padding: 0 68px; margin-top: 16px; } .bot-pro-swiper .swiper-button-next, .bot-pro-swiper .swiper-button-prev { width: 40px; height: 100%; text-align: center; background-image: none; top: 0; margin-top: 0; background-color: rgba(51, 51, 51, 0.1); display: flex; align-items: center; justify-content: center; } .bot-pro-swiper .swiper-button-next:hover, .bot-pro-swiper .swiper-button-prev:hover { background-color: #D53636; } .bot-pro-swiper .swiper-button-next:after, .bot-pro-swiper .swiper-button-prev:after { display: none; } .bot-pro-swiper .swiper-button-next:before, .bot-pro-swiper .swiper-button-prev:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 15px; height: 26px; } .bot-pro-swiper .swiper-button-next { right: 0; } .bot-pro-swiper .swiper-button-next:before { content: ''; background: url("../images/pro-next.png") no-repeat 50% 50%; } .bot-pro-swiper .swiper-button-next:hover:before { background: url("../images/pro-next2.png") no-repeat 50% 50%; } .bot-pro-swiper .swiper-button-prev { left: 0; } .bot-pro-swiper .swiper-button-prev:before { content: ''; background: url("../images/pro-prev.png") no-repeat 50% 50%; } .bot-pro-swiper .swiper-button-prev:hover:before { background: url("../images/pro-prev2.png") no-repeat 50% 50%; } .related-list ul { margin: 0 -10px; } .related-list .imgshow img { width: 100%; } .related-list li { float: left; width: 50%; padding: 0 10px; box-sizing: border-box; } .related-list .imgshow { float: left; width: 35%; } .related-list .imgshow a { display: block; overflow: hidden; position: relative; padding-bottom: 100%; } .related-list .imgshow a img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; } .related-list .text { float: right; width: 58%; color: #B6B6B6; } .related-list .text p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 30px; height: 90px; } .related-list h3 { margin-bottom: 12px; } .related-list h3 a { color: #333; font-size: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .related-list h3 a:hover { color: #BF2720; } .related-list .r-item { padding: 20px 60px 20px 20px; transition: all 0.5s; overflow: hidden; } .related-list .r-item:hover { background: #FFFFFF; box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.07); } .related-list .see-more { background-color: #E5E5E5; color: #333; font-size: 18px; font-family: 'SourceHanSansCN-Medium'; display: inline-block; line-height: 20px; padding: 9px 50px; border-radius: 24px; margin: 30px 0 0; transition: all 0.4s; transition: all 0.3s; } .related-list .see-more:hover { background-color: #BF2720; color: #FFF; } .related-list .see-more:hover img { display: none; } .related-list .see-more:hover .h-img { display: inline-block; } .related-list .see-more .h-img { display: none; } .related-list .see-more img { vertical-align: middle; margin-left: 10px; } .content-solution { position: relative; } .content-solution .solu-bg { position: absolute; top: 0; right: 0; width: 59%; z-index: 199; transform: translateY(-30%); } .content-solution .solu-bg img { max-width: 100%; } .content-solution .crumbs-box { margin: 0; } .content-solution .title { margin: 160px 0; color: #333; } .content-solution .title h2 { padding: 0 0 30px; } .content-solution .case-item { text-align: left; } .content-solution .case-item a { color: #333; } .content-solution .case-item .cur { color: #FFF; } .solu-caseswiper { position: relative; padding-bottom: 80px; } .solu-caseswiper .imgshow { float: left; width: 17%; } .solu-caseswiper .imgshow>a { display: block; overflow: hidden; position: relative; padding-bottom: 100%; } .solu-caseswiper .imgshow>a>img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .solu-caseswiper .imgshow img { width: 100%; } .solu-caseswiper .text { border-top: 1px solid rgba(51, 51, 51, 0.1); float: right; width: 78%; box-sizing: border-box; padding-right: 20%; } .solu-caseswiper .subtt { margin: 30px 0 20px; } .solu-caseswiper h3 { font-size: 30px; font-family: 'SourceHanSansCN-Bold'; margin-bottom: 14px; } .solu-caseswiper h3 a { color: #BF2720; } .solu-caseswiper .s-item { overflow: hidden; } .solu-caseswiper .text-p { color: #333333; line-height: 1.875; } .solu-caseswiper .swiper-slide img { max-width: 100%; } .solu-caseswiper .swiper-pagination { display: flex; align-items: center; justify-content: flex-start; bottom: 0; box-sizing: border-box; padding-left: 22%; } .solu-caseswiper .swiper-pagination-bullet { margin: 0 10px !important; width: 8px; height: 8px; background-color: #626262; opacity: 0.2; transition: all 0.4s; } .solu-caseswiper .swiper-pagination-bullet-active { opacity: 1; background-color: #D53A37; width: 20px; height: 20px; } .solu-dtop .imgshow { float: left; width: 62.5%; } .solu-dtop .imgshow img { width: 100%; } .solu-dtop .text { float: right; width: 34%; } .solu-dtop h3 { font-size: 30px; font-family: 'SourceHanSansCN-Medium'; color: #333; margin-bottom: 20px; } .solu-dtop .text-p { line-height: 1.875; } .solu-yy { margin: 100px 0 0; background: url("../images/yybg.jpg") no-repeat 50% 50%; background-size: cover; padding: 120px 0 150px; } .solu-yy .solu-dtop .imgshow { float: right; width: 50%; } .solu-yy .text { float: left; margin-top: 4%; color: #FFF; } .solu-yy h3 { color: #FFF; } .solu-tt { margin: 90px 0 55px; position: relative; } .solu-tt h3 { font-size: 30px; font-family: 'SourceHanSansCN-Medium'; color: #333; } .solu-tt .slot-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .solu-tt .solu-item a { color: #333333; display: inline-block; padding: 6px 30px; border-radius: 20px; } .solu-tt .solu-item .cur { color: #FFF; background-color: #BF2720; } .solu-tabbox .swiper-slide { padding: 32px 47px 47px 0; box-sizing: border-box; } .solu-tabbox .solu-block { position: relative; background: url("../images/solu-fangan-bg.jpg") no-repeat 100% 100%; box-sizing: border-box; min-height: 480px; display: flex; align-items: center; justify-content: space-between; } .solu-tabbox .solu-block:after { content: ''; position: absolute; right: 0; width: 70%; top: 0; height: 100%; box-shadow: 7px 7px 40px 0px rgba(0, 0, 0, 0.06); z-index: 1; } .solu-tabbox dt { font-size: 24px; color: #333; font-family: 'SourceHanSansCN-Medium'; margin-bottom: 12px; } .solu-tabbox dd { line-height: 2; } .solu-tabbox dl { margin-bottom: 60px; } .solu-tabbox dl:nth-last-child(1) { margin-bottom: 0; } .solu-tabbox .text { float: right; width: 40%; box-sizing: border-box; position: relative; z-index: 2; padding-right: 10%; } .solu-tabbox .imgshow { float: left; width: 56%; position: relative; z-index: 2; } .solu-tabbox .imgshow img { width: 100%; } .about-info .imgshow { float: left; width: 50%; position: relative; margin-top: 8em; } .about-info .imgshow .img-box{ padding-bottom:103.04955%; overflow: hidden; position: relative; } .about-info .imgshow .img-box img{width:100%;height:auto;position: absolute;left:0;top:0;} .about-info .imgshow .video-box{ position: relative; } .about-info .imgshow .video-box video{ z-index: 2; width: 100%; height: auto; } .about-info .text { float: right; width: 46%; } .about-info .text-p { line-height: 1.875; color: #333; } .about-info .text-p h3 { font-size: 30px; color: #BF2720; font-family: 'SourceHanSansCN-Medium'; line-height: 1.4; } .about-info h4 { font-size: 20px; font-family: 'SourceHanSansCN-Medium'; } .about-wh { margin: 200px 0 100px; } .about-wh .imgshow { float: right; width: 46%; } .about-wh .imgshow img { width: 100%; } .about-wh .text { float: left; width: 50%; color: #333; line-height: 1.875; } .about-list { color: #333; text-align: center; margin: 0 5%; } .about-list ul { margin: 0 -5px; } .about-list .imgshow img { width: 100%; } .about-list li { float: left; width: 16.66%; padding: 0 5px; box-sizing: border-box; } .about-list h3 { font-size: 24px; font-family: 'SourceHanSansCN-Bold'; margin: 20px 0 12px; } .about-list p { line-height: 26px; height: 52px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .about-list .icon { display: inline-block; height: 70px; } .about-list .icon img { max-height: 100%; width: auto; } .about-list .a-item { background: #FFFFFF; box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.05); padding: 30px 30px 20px; } .about-ppinfo { background: url("../images/pp-bg.jpg") 100% 100%; padding: 0 0 140px; } .about-ppinfo .imgshow { float: left; width: 50%; } .about-ppinfo .imgshow img { width: 100%; } .about-ppinfo .text { float: right; margin: 110px 0 0; width: 41%; } .about-ppinfo .text p { font-size: 20px; color: #999999; } .about-ppinfo .text .text-p { line-height: 40px; height: 160px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .about-ppinfo .inner-20 { position: relative; } .about-ppinfo .about-pplist { position: absolute; bottom: 70px; left: 7%; right: 7%; z-index: 3; background-color: #FFF; box-shadow: 0px 2px 38px 0px rgba(176, 176, 176, 0.1); } .about-ppinfo .about-pplist .icon { display: inline-block; height: 66px; } .about-ppinfo .about-pplist ul { display: flex; width: 100%; } .about-ppinfo .about-pplist li { padding: 30px 55px; text-align: center; color: #999999; display: inline-block; flex-shrink: 0; box-sizing: border-box; width: 33.33%; } .about-ppinfo .about-pplist h4 { font-family: 'SourceHanSansCN-Medium'; color: #333; font-size: 24px; margin: 20px 0 16px; } .about-ppinfo .about-pplist p { line-height: 1.875; } .about-jiazu { background: url("../images/jiazu-bigbg.jpg") no-repeat 50% 50%; background-size: cover; padding: 240px 0 200px; } .jiazu-info { position: relative; } .jiazu-info .right-img { float: right; width: 60%; position: relative; } .jiazu-info .right-img>img { width: 100%; } .jiazu-info .right-img .h-text { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(207, 0, 14, 0.7); color: #FFF; z-index: 2; padding: 50px 20% 50px 46px; line-height: 1.875; } .jiazu-info .right-img .h-text p { line-height: 30px; max-height: 120px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .jiazu-info .right-img .jz-logo { margin-bottom: 36px; } .jiazu-info .right-img .swiper-slide>img { width: 100%; } .jiazu-info .text { float: left; width: 36%; color: #FFF; } .jiazu-info .text p { line-height: 1.875; } .jiazu-swiper { position: absolute; left: 0; bottom: 75px; right: 0; z-index: 2; } .jiazu-swiper .swiper-wrapper { align-items: flex-end; } .jiazu-swiper .swiper-slide { width: 190px; transition: all 0.4s; } .jiazu-swiper .swiper-slide.swiper-slide-thumb-active { width: 320px; } .jiazu-swiper .swiper-slide.swiper-slide-thumb-active h3 { opacity: 1; } .jiazu-swiper .swiper-slide .imgshow { position: relative; overflow: hidden; padding-bottom: 52.5%; } .jiazu-swiper .swiper-slide .imgshow img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; } .jiazu-swiper .swiper-slide img { width: 100%; } .jiazu-swiper .swiper-slide h3 { opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 10px; text-align: center; z-index: 3; color: #FFF; background-image: linear-gradient(to bottom, rgba(23, 41, 72, 0), rgba(23, 41, 72, 0.8)); } .jiazu-page { display: flex; } .jiazu-page .swiper-button-next, .jiazu-page .swiper-button-prev { width: 46px; height: 46px; border: 2px solid #FFFFFF; border-radius: 50%; flex-shrink: 0; position: relative; align-items: center; } .jiazu-page .swiper-button-next:after, .jiazu-page .swiper-button-prev:after { color: #FFF; font-size: 14px; } .jiazu-page .swiper-button-next { right: 0; } .jiazu-page .swiper-button-prev { left: 0; margin-right: 20px; } .jiazu-page .swiper-pagination { display: flex; position: relative; align-items: center; margin-right: 40px; } .jiazu-page .swiper-pagination-bullet { width: 16px; height: 2px; opacity: 0.2; background-color: #FFF; border-radius: 0; } .jiazu-page .swiper-pagination-bullet-active { width: 38px; opacity: 1; } .honor-tt { text-align: center; color: #333; margin: 105px 0 60px; } .honor-tt h2 { font-size: 30px; font-family: 'SourceHanSansCN-Medium'; } .honor-tt span { font-size: 24px; } .honor-tt .line { width: 40px; height: 3px; background: #CF000E; border-radius: 2px; margin: 12px auto 0; } #certify { position: relative; } #certify .swiper-slide { width: 514px; height: 363px; background: #fff; padding-bottom: 115px; position: relative; text-align: center; } #certify .swiper-slide img { filter: blur(3px); } #certify .swiper-slide p { opacity: 0; } #certify .swiper-slide.swiper-slide-active p { opacity: 1; } #certify .swiper-slide.swiper-slide-active img { filter: blur(0px); } #certify .swiper-button-next, #certify .swiper-button-prev { width: 46px; height: 46px; border: 2px solid #999; border-radius: 50%; margin-top: -53px; } #certify .swiper-button-next:after, #certify .swiper-button-prev:after { font-size: 18px; color: #999; } #certify .swiper-button-next:hover, #certify .swiper-button-prev:hover { border-color: #CF000E; } #certify .swiper-button-next:hover:after, #certify .swiper-button-prev:hover:after { color: #CF000E; } #certify .swiper-pagination { bottom: 0; } #certify .swiper-pagination-bullet { width: 16px; height: 2px; background-color: #333; opacity: 0.3; } #certify .swiper-pagination-bullet-active { width: 38px; background-color: #CF000E; opacity: 1; } #certify .swiper-slide p { padding: 45px 0; text-align: center; color: #333; font-size: 20px; margin: 0; } .about-dwlist .imgshow { float: left; width: 44%; overflow: hidden; } .about-dwlist .imgshow img { width: 100%; transition: all 0.4s; } .about-dwlist li { border-bottom: 1px solid rgba(51, 51, 51, 0.1); padding-bottom: 60px; margin-bottom: 60px; } .about-dwlist .text { float: right; width: 52%; color: #333; margin-top: 1%; } .about-dwlist .d-item { padding-left: 140px; position: relative; } .about-dwlist .d-item:hover .imgshow img { transform: scale(1.04); } .about-dwlist h3 { font-family: 'SourceHanSansCN-Medium'; font-size: 30px; line-height: 44px; max-height: 88px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .about-dwlist h3 a { color: #333; transition: all 0.3s; } .about-dwlist h3 a:hover { color: #BF2720; } .about-dwlist .text-p { line-height: 30px; height: 60px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 20px 0; } .about-dwlist .see-more { padding: 7px 36px; border-radius: 15px; background-color: rgba(51, 51, 51, 0.2); color: #333; line-height: 1; transition: all 0.3s; overflow: hidden; display: inline-block; } .about-dwlist .see-more:hover { background-color: #BF2720; color: #FFF; } .about-dwlist .date { box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.05); background-color: #FFF; line-height: 1; text-align: center; position: absolute; left: 0; top: 0; padding: 12px; box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.05); } .about-dwlist .date em { font-size: 60px; font-family: 'SourceHanSansCN-Bold'; color: rgba(51, 51, 51, 0.5); padding-bottom: 4px; } .about-dwlist .date span { margin-top: 1px; display: block; color: #333; } @keyframes rotate3 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading-more { display: flex; justify-content: center; align-items: center; } .loading-more .icon { width: 18px; height: 18px; background: url("../images/loading.png") no-repeat 50% 50%; background-size: 100% 100%; margin-right: 14px; animation: rotate3 1s infinite linear; } .contact-cont { display: flex; } .contact-cont .imgshow { float: right; width: 56%; } .contact-cont .imgshow img { width: 100%; } .contact-cont .text { float: left; width: 43%; position: relative; } .contact-cont .text ul { height: 625px; } .contact-cont .text .see-more { margin: 12px auto 0; width: 33px; height: 16px; background: url("../images/down.png") no-repeat; cursor: pointer; } .contact-cont .act .c-item { background-color: #F8F8F8; } .contact-cont .act .c-item .see-more { top: 20px; margin-top: 0; transform: rotate(90deg); } .contact-cont .act .c-item h3 { color: #333; } .contact-cont .act .c-item h4 { color: #B92E28; } .contact-cont .c-item { border: 1px solid #D2D2D2; color: #999; padding: 20px 40px; position: relative; } .contact-cont .c-item .see-more { height: 30px; width: 30px; background: url("../images/shouqi.png") no-repeat; background-size: 100%; position: absolute; right: 21px; top: 50%; margin-top: -15px; transition: all 0.4s; } .contact-cont .c-item h4, .contact-cont .c-item h3 { font-family: 'SourceHanSansCN-Medium'; } .contact-cont .c-item h3 { margin: 12px 0; font-size: 24px; color: #d2d2d2; } .contact-cont .c-item p { line-height: 2; } .contact-cont .c-item p a { color: #999; } .contact-cont .c-item.cur { background-color: #F8F8F8; } .contact-cont .c-item.cur .c-more { display: block; } .contact-cont .c-item.cur .see-more { top: 20px; margin-top: 0; transform: rotate(90deg); } .contact-cont .c-item.cur h3 { color: #333; } .contact-cont .c-item.cur h4 { color: #B92E28; } .contact-cont .c-item .c-more { display: none; } .contact-cont li { margin-bottom: 20px; cursor: pointer; } .contact-cont li:nth-last-child(1) { margin-bottom: 40px; } .contact-cont .mCSB_scrollTools .mCSB_buttonDown { background: url("../images/down.png") no-repeat; background-position: 0 0; width: 33px; height: 16px; left: -310px; bottom: -10px; position: relative; } .contact-cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(51, 51, 51, 0.6); } .contact-cont .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(51, 51, 51, 0.1); width: 4px; } .rencai-info .imgshow { float: right; width: 50%; box-sizing: border-box; padding: 0 0 80px 80px; position: relative; } .rencai-info .imgshow img { width: 100%; position: relative; z-index: 2; } .rencai-info .imgshow:after { content: ''; position: absolute; left: 0; bottom: 0; background-color: #F7F7F7; height: 50%; width: 80%; z-index: 1; } .rencai-info .text { float: left; width: 49%; } .rencai-info .text h3 { color: #BF2720; margin-bottom: 12px; } .rencai-info .text h4 { color: #444; font-size: 20px; font-family: 'SourceHanSansCN-Medium'; margin: 0 0 10px; } .about-hj { background: url("../images/hj-bg.jpg") no-repeat; margin: 140px 0 0; color: #FFF; } .about-hj .text { float: left; margin: 120px 0 0; width: 50%; text-align: right; } .about-hj .text .imgshow { display: inline-block; text-align: left; } .about-hj .text .imgshow img { max-width: 100%; } .about-hj .text .p-text { text-align: left; margin-bottom: 115px; width: 80%; } .about-hj .rig-img { float: right; width: 29%; margin-right: 12%; } .about-hj .imgshow { position: relative; } .about-hj .imgshow img { width: 100%; } .about-hj .h-text { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: rgba(205, 237, 249, 0.24); padding: 45px 50px 75px; display: flex; align-items: flex-end; line-height: 1.875; } .about-hj .h-text em { font-family: 'SourceHanSansCN-Medium'; } .about-hj h3 { font-size: 24px; font-family: 'SourceHanSansCN-Medium'; margin-bottom: 12px; } .about-hj .text p { line-height: 2; } .about-hj .text .h-text { align-items: flex-start; background-color: rgba(68, 68, 68, 0.3); } .about-hjact { margin-top: -35px; } .about-hjact .text { color: #333; float: right; width: 41%; } .about-hjact .text h3 { font-size: 24px; color: #BF2720; font-family: 'SourceHanSansCN-Medium'; margin-bottom: 12px; } .ygact-list { margin: 70px 0 0; } .ygact-list .swiper-slide { width: 400px; transition: all 0.5s; } .ygact-list .swiper-slide img { width: 100%; height: 400px; object-fit: cover; transition: all 0.5s; } .ygact-list .swiper-slide.cur { width: 637px; } .zp-tt { margin: 120px 0 70px; position: relative; } .zp-tt h2 { font-size: 24px; font-family: 'SourceHanSansCN-Medium'; color: #BF2720; } .zp-tt .slot-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .zhaopin-list li { position: relative; margin-bottom: 20px; } .zhaopin-list .z-item { display: flex; align-items: center; padding: 22px 50px; background-color: #F0F0F0; } .zhaopin-list .jobname { font-family: 'SourceHanSansCN-Medium'; color: #333; font-size: 24px; width: 20%; flex-shrink: 0; } .zhaopin-list .job-con { color: #999999; width: 50%; flex-shrink: 0; } .zhaopin-list .job-con p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zhaopin-list .arrow { position: absolute; right: 20px; width: 80px; text-align: center; height: 80px; line-height: 80px; top: 0; transform: rotate(-90deg); } .zhaopin-list .arrow .iconfont { font-size: 22px; color: #333; display: inline-block; transition: all 0.4s; } .zhaopin-list .text { color: #fff; line-height: 1.875; padding: 25px 50px; display: none; } .zhaopin-list .text .text-p { padding-right: 120px; } .zhaopin-list .see-more { background: #D53A37; border-radius: 4px; color: #FFF; padding: 10px 36px; display: inline-block; line-height: 1; } .zhaopin-list .cur, .zhaopin-list .act { background: url("../images/rencai-bg.jpg") no-repeat 50% 50%; background-size: cover; } .zhaopin-list .cur .z-item, .zhaopin-list .act .z-item { background: transparent; } .zhaopin-list .cur .jobname, .zhaopin-list .act .jobname { color: #FFF; } .zhaopin-list .cur .job-con, .zhaopin-list .act .job-con { opacity: 0; visibility: hidden; } .zhaopin-list .cur .arrow .iconfont, .zhaopin-list .act .arrow .iconfont { color: #FFf; transform: rotate(-90deg); } .zhaopin-list .cur .text { display: block; } .job-table { display: flex; align-items: flex-end; margin-bottom: 12px; } .job-table dl { width: 60%; display: flex; flex-wrap: wrap; } .job-table dl dd { margin: 12px 0 0; width: 33.33%; box-sizing: border-box; } .job-table .jobbtn { width: 40%; flex-shrink: 0; text-align: right; } .job-table .jobbtn .see-more { display: inline-block; } .zp-search { position: relative; } .zp-search input { border: 1px solid rgba(152, 152, 152, 0.3); padding: 0 12px; width: 330px; box-sizing: border-box; color: #333; } .zp-search button { right: 0; position: absolute; height: 100%; top: 0; width: 50px; background: #BF2720 url("../images/zp-ss.png") no-repeat 50% 50%; border: none; } .sale-info .imgshow { float: right; width: 50%; box-sizing: border-box; padding: 0 0 60px 25px; position: relative; } .sale-info .imgshow img { width: 100%; position: relative; z-index: 2; } .sale-info .imgshow .img-box{ position: relative; padding-bottom:62.5%; overflow: hidden; } .sale-info .imgshow .img-box img{ width:100%; height:auto; position: absolute; left:0; top:0; } .sale-info .imgshow .video-box{ position: relative; } .sale-info .swiper-slide .video-box video{ z-index: 2; width: 100%; height: auto; } .sale-info .imgshow:after { content: ''; position: absolute; left: -25px; bottom: 0; background-color: #F7F7F7; height: 136px; width: 45%; z-index: 1; } .sale-info .swiper { z-index: 2; } .sale-info .text { float: left; width: 47%; } .sale-info .text h3 { color: #BF2720; margin-bottom: 12px; } .sale-info .text p { line-height: 1.875; color: #333; opacity: 0.6; } .sale-info .text h4 { color: #444; font-size: 20px; font-family: 'SourceHanSansCN-Medium'; margin: 0 0 16px; } .sale-item { display: flex; overflow-x: auto; padding-bottom: 20px; border-bottom: 1px solid rgba(51, 51, 51, 0.1); margin-bottom: 32px; font-family: 'SourceHanSansCN-Medium'; } .sale-item a { line-height: 1; color: #333; display: inline-block; border-right: 1px solid #333; padding: 0 10px; white-space: nowrap; } .sale-item a:nth-child(1) { padding-left: 0; } .sale-item a:nth-last-of-type(1) { border-right: none; } .sale-item .cur { color: #BF2720; } .sale-info .swiper-pagination { display: flex; align-items: center; justify-content: flex-end; bottom: 0; } .sale-info .swiper-pagination-bullet { margin: 0 10px !important; width: 8px; height: 8px; background-color: #626262; opacity: 0.2; transition: all 0.4s; } .sale-info .swiper-pagination-bullet-active { opacity: 1; background-color: #D53A37; width: 20px; height: 20px; } .wap-filter { display: none; } .content-sale { padding-top: 40px; } .animated { opacity: 0; } #infscr-loading { text-align: center; } .error-text { color: #CD020D; } .search-tool .search-tool-inner button img { vertical-align: middle; } .shadow { display: none !important; } .BMap_bubble_pop { background-color: transparent !important; border: none !important; } .BMap_bubble_pop>img { display: none !important; } .maptiop { height: auto; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.22); width: 100%; text-align: center; line-height: 28px; } .maptiop h3 { padding: 0 20px; } .maptiopbox { background-color: #FFF; width: 100%; } .BMap_bubble_content { display: flex; align-items: flex-end; } .content-zhaopin-detail { color: #000; } .content-zhaopin-detail h3 { font-size: 36px; } .zhaopin-canshu { margin: 60px 0 50px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; padding: 40px 0 14px; } .zhaopin-canshu dl { padding: 0 40px; } .zhaopin-canshu dd { float: left; width: 33.33%; margin: 0 0 26px; } .zhaopin-canshu h3 { margin-bottom: 12px; } .zhaopin-yaoqiu dl { padding: 0 30px; } .zhaopin-yaoqiu dt { font-size: 24px; margin: 50px 0 28px; } .zhaopin-yaoqiu dd { font-size: 18px; line-height: 2.3; } .sendemail { background-color: #D53A37; font-size: 14px; display: inline-block; padding: 12px 36px; line-height: 1; color: #FFF; margin: 50px 0 0; } .sendemail:hover { color: #FFF; } @keyframes bounce2 { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(14); opacity: 0; } } .wangluo-info .imgshow { float: right; width: 66%; position: relative; } .wangluo-info .imgshow img { width: 100%; } .wangluo-info .imgshow .mdot { position: absolute; z-index: 2; width: 5px; height: 5px; background-color: #668FB7; border-radius: 50%; } .wangluo-info .imgshow .dot1 { right: 28%; bottom: 61%; animation: bounce2 3s 0.2s infinite ease; display: none; } .wangluo-info .imgshow .dot2 { right: 28%; bottom: 58%; animation: bounce2 3s infinite ease; } .wangluo-info .imgshow .dot3 { right: 26%; bottom: 58%; animation: bounce2 3s 0.3s infinite ease; display: none; } .wangluo-info .text { float: left; width: 32%; } .wangluo-info h3 { font-size: 24px; font-family: 'SourceHanSansCN-Medium'; color: #333; margin-bottom: 30px; } .wangluo-info .text-p p { font-family: 'SourceHanSansCN-Medium'; color: #999; line-height: 1.875; } .wangluo-info .map-num { color: #BF9D5A; line-height: 1; margin-top: 100px; } .wangluo-info .map-num dl { display: flex; margin-bottom: 60px; align-items: center; } .wangluo-info .map-num dl:nth-child(2) { color: #BF2720; } .wangluo-info .map-num dl:nth-last-child(1) { margin-bottom: 0; } .wangluo-info .map-num dl:nth-last-child(1) dd { border-color: #BF2720 } .wangluo-info .map-num dt { font-size: 74px; font-family: 'SourceHanSansCN-Bold'; } .wangluo-info .map-num p { font-family: 'SourceHanSansCN-Medium'; margin-bottom: 3px; } .wangluo-info .map-num dd { font-size: 32px; border-left: 1px solid #BF9D5A; padding-left: 16px; margin-left: 16px; font-family: 'SourceHanSansCN-Medium'; } .wangluo-info .map-num span { font-size: 20px; opacity: 0.3; text-transform: uppercase; white-space: nowrap; display: inline-block; } /* 鍥剧墖閫傞厤璋冩暣 */ .ind-protx .imgshow>a { display: block; overflow: hidden; position: relative; padding-bottom: 77.77777%; } .ind-protx .imgshow>a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .case-cont .case-swiper .imgshow>a { display: block; overflow: hidden; position: relative; padding-bottom: 56.25%; } .case-cont .case-swiper .imgshow>a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .indnews-cont .news-left>a { display: block; overflow: hidden; position: relative; padding-bottom: 61.08108%; } .indnews-cont .news-left>a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .indnews-list .imgshow>a { display: block; overflow: hidden; position: relative; padding-bottom: 56.25%; } .indnews-list .imgshow>a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .indnews-list h3 a { line-height: 33px; height: 66px; overflow: hidden; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .indnews-list li:first-child h3 a { display: block; height: 33px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .about-dwlist .imgshow a { display: block; overflow: hidden; position: relative; padding-bottom: 44.01408%; } .about-dwlist .imgshow a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .hc-img { position: relative; overflow: hidden; } .hc-img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .hc-img.join-01 { padding-bottom: 126.76056%; } .hc-img.join-02 { padding-bottom: 126.39405%; } .hc-max { width: 100%; box-sizing: border-box; padding-left: 25%; } .p-caselist .c-item .imgshow a { display: block; position: relative; overflow: hidden; padding-bottom: 56.52173%; } .p-caselist .c-item .imgshow a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .tabsCon .cont .tit{ left: 50% !important; transform: translateX(-50%); } .tabsCon .cont .tit1{ font-size:18px !important; } .zji_on4{ padding-top: 118px; } .zji_on4 h3 span{ display: block; line-height: 100%; color: #004d61; text-align: center; font-size: 48px; letter-spacing: 8px; padding-bottom:57px;} .zj_lis{ overflow: hidden; height: 79px;} .zj_lis li{ float: left;position: relative; line-height: 100%; height: 79px; color: #7299a8; font-size: 24px;font-weight: bold; text-align: center;width: 14.2%; cursor: pointer;} .zj_lis li.cur{ color: #004d61; font-size: 28px;} .zj_lis li.cur:before{ content:""; position:absolute;border-bottom:23px solid #fff;border-left:23px solid transparent;border-right:23px solid transparent;height: 0;width: 0; left:38%; bottom:0; } .zj_oms{ background: #BF2720; box-sizing: border-box; padding: 75px;} .zj_oms1 dl{ overflow: hidden; display: flex;justify-content: space-between;} .zj_oms1 dl dt{ float: left; overflow: hidden; line-height: 0; font-size: 0;width: 50%;} .zj_oms1 dl dt img{transition: all 0.3s linear 0s; width:100%; height:400px;object-fit: cover;} .zj_oms1 dl dt img:hover{transform: scale(1.05);} .zj_oms1 dl dd{ float: right; width: 45.5%; } .zj_oms1 dl dd h3{ line-height: 100%; font-size: 63px; color: #fff; padding-top: 33px;} .zj_oms1 dl dd p{ font-size: 13px; line-height: 24px; color: #fff; padding-top: 30px; letter-spacing: 1px;height: 240px; overflow: hidden;} .zji_ud{ position: absolute; left:55%; top:288px; color:#fff; font-size: 17px;z-index: 10;display: flex;width: 45%;} .zji_ud span{ display: block; color: #fff; text-transform: capitalize; line-height: 100%; padding-top: 11px;} .zji_u{ float: left; width: 27%; border-right: 1px solid #d1ddeb; margin-right: 51px; line-height: 100%; cursor: pointer;opacity: 1 !important;} .zji_d{ float: left;cursor: pointer;opacity: 1 !important;} .zji_on4 .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;} .zji_on4 .swiper-slide {background-size: cover;background-position: center;} .zji_on4 .gallery-top {height: 80%;width: 100%;overflow: hidden;position: relative;} .zji_on4 .gallery-thumbs {height: 20%;box-sizing: border-box;overflow: hidden;position: relative;padding-top: 14px;} .zji_on4 .gallery-thumbs .swiper-slide {float: left;position: relative;line-height: 100%;height: 79px;color: #333;font-size: 24px;font-weight: bold;text-align: center;cursor: pointer;opacity: .6;} .zji_on4 .gallery-thumbs .swiper-slide-thumb-active {color: #BF2720;font-size: 28px;opacity: 1;} .zji_on4 .gallery-thumbs .swiper-slide-thumb-active:before{ content:""; position:absolute;border-bottom:23px solid #BF2720;border-left:23px solid transparent;border-right:23px solid transparent;height: 0;width: 0; left:50%;transform: translateX(-50%); bottom:0; } .zji_on4 .swiper-button-disabled{opacity: 0.3;} .zji_on4 .gallery-thumbs .swiper-button-prev, .zji_on4 .gallery-thumbs .swiper-button-next{ top: 30% !important; } .zji_on4 .gallery-thumbs .swiper-button-prev::after, .zji_on4 .gallery-thumbs .swiper-button-next::after{ font-size: 20px; color: #fff; background-color: #BF2720; padding: 8px; } @media screen and (max-width:1023px) { .zj_oms{padding: 10px;} .zj_oms1 dl{flex-direction: column;} .zj_oms1 dl dt, .zj_oms1 dl dd{width: 100%;} .zji_on4{height: auto; margin-bottom: 0;} .zji_ud{position: static;width: 100%;justify-content: space-between;margin-top: 30px;} .zji_u{border-right: 0;} } @media screen and (max-width: 1620px) { .popup .popupCon1 .cont { max-height: 34rem; height: auto !important; } .solu-caseswiper .imgshow { width: 25%; } .solu-caseswiper .text { padding-right: 0; width: 70%; } .about-ppinfo .text { margin-top: 0; } .about-ppinfo .about-pplist li { padding: 20px 30px; } .about-info .text-p h3 { font-size: 22px; } .about-info h4 { font-size: 18px; } .crumbs-box { margin-bottom: 50px; } .case-cont .case-swiper { margin-top: 75px; } .bg-tt { font-size: 100px; margin-bottom: 10px; } .index-product-grid .pro-topt { margin-bottom: 20px; } .m-width-1440 { max-width: 1200px; } .index-news-grid .pro-topt { margin-bottom: 16px; } .home-main .footer { background-size: cover; } .indnews-cont .news-left .text { padding: 10px 34px; } .indnews-cont .news-left h3 { font-size: 20px; margin-bottom: 3px; } .indnews-list h3 { font-size: 20px; margin-bottom: 3px; } .indnews-list .n-item { min-height: 122px; padding: 10px 0; } .indnews-list .imgshow { width: 47%; } .indnews-list .hasimg .text { width: 50%; } .index-about-grid .about-right .bg-tt, .index-about-grid .about-left .bg-tt { margin-bottom: 10px; } .index-product-grid .bg-tt { margin-bottom: 10px; } .index-case-grid .bg-tt { margin: 0 0 20px; } .jiazu-swiper { bottom: -30px; } .about-list h3 { font-size: 20px; } .about-list .a-item { padding: 20px 10px; } .about-list .a-item p { font-size: 14px; } } @media screen and (max-width: 1466px) { .protabboxscoll img{ height: 328px; } .shoufa-list .text { padding: 20px; } .indnews-list h3 a { height: 33px; -webkit-line-clamp: 1; line-clamp: 1; } .rencai-info .imgshow { margin-top: 70px; } .crumbs-box { margin-left: 8%; margin-right: 8%; } .m-width-1440 { max-width: 1000px; } .inner-20 { padding: 0 20px; } .sale-info .swiper { margin-top: 70px; } .f-logo { padding: 25px 0 0; } .f-nav { margin: 30px 0; } .f-emw { margin: 30px 0; } .banner .banner-content h6 { font-size: 40px; } .about-list h3 { font-size: 18px; } .about-list .icon { height: 50px; } .about-list .icon img { max-height: 50px; } .about-ppinfo .about-pplist { position: initial; margin-top: 20px; } .about-jiazu { padding: 100px 0 200px; } .jiazu-swiper { bottom: -150px; } .about-dwlist h3 { font-size: 20px; line-height: 30px; height: 60px; } .about-dwlist .text { margin-top: 0; } .contact-cont .c-item h3 { font-size: 18px; } .about-hj .h-text { padding: 20px; } .problock-cont .title .slot-right { position: initial; transform: translateY(0); margin: 30px 0 0; width: 100%; } .problock-tabitem .p-item a { padding: 9px 14px; font-size: 12px; } .prod-guige .text-p { padding-right: 0%; } .shoufa-list ul li { height: auto; } .shoufa-list ul li img { height: auto; } .shoufa-list ul li:nth-child(2) .text, .shoufa-list .text { width: 100%; } .bz-cont .bz-list .b-item { flex-direction: column; justify-content: center; align-items: center; } .bz-cont .bz-list .icon { margin: 0 0 20px; } .prodis-top .text { padding-top: 0; } .prodis-top .text h3 { margin: 20px 0; font-size: 24px; } .content-solution .solu-bg { width: 50%; } .content-solution .case-item a { font-size: 14px; } .solu-caseswiper h3 { font-size: 24px; } .news-list h3 { font-size: 18px; } .job-table dl dd { width: 50%; } .index-about-grid .about-text { padding-left: 20px !important; padding-right: 20px; } .index-about-grid .about-right .about-pp { padding-right: 20px; } .indnews-list h3 { font-size: 18px; } .indnews-list .n-item { min-height: 130px; padding: 14px 0; } .indnews-list .date { font-size: 14px; } .ind-protx h3, .ind-protx li:nth-child(1) h3 { font-size: 14px; } .ind-protx .text, .ind-protx li:nth-child(1) .text { padding: 20px; } .ind-protx .text p { font-size: 12px; } .bg-tt { font-size: 100px; } .prodis-cont .text h3 { font-size: 24px; } .prodis-cont .text-p, .prodis-cont dd { font-size: 16px; } .prodis-cont dl { margin: 20px 0; } .pro-tt h3 { font-size: 24px; } .related-list h3 a { font-size: 18px; } .related-list .text p { font-size: 14px; } .prodis-swiper, .prodis-cont .text { width: 100%; } .prodis-cont .text { margin-top: 20px; } .bot-pro-swiper .swiper-button-next, .bot-pro-swiper .swiper-button-prev { width: 30px; } .bot-pro-swiper { padding: 0 38px; } .zx-form { padding: 20px; } .zx-form h3 { font-size: 24px; } .zx-form h3 span { font-size: 14px; display: block; padding: 0; } .solu-tabbox dl { margin-bottom: 30px; } .zhaopin-list .jobname { font-size: 18px; } .index-about-grid .about-left, .index-about-grid .about-right { padding-top: 0; } .index-about-grid .about-right .bg-tt, .index-about-grid .about-left .bg-tt { margin-bottom: 20px; } .sale-info .imgshow:after { display: none; } .sale-info .imgshow { padding: 0 0 50px 0; } .index-about-grid .about-left .about-pp { padding-bottom: 50px; } .about-map { width: 75%; margin: 20px auto 0; } .index-about-grid .about-right .padright { padding-left: 20px; } .index-case-grid .case-btn { margin-top: 30px; } .solu-yy .text { margin-top: 0; } .wangluo-info .map-num dt { font-size: 34px; } .wangluo-info .map-num dd { font-size: 18px; } .wangluo-info .map-num span { font-size: 12px; } } @media screen and (max-width: 1366px) { .about-ppinfo .text { width: 45%; } .pcnav li a { padding: 20px 12px; } .logo { margin-top: 13px; } .logo img { height: 40px; width: auto; } .about-map { width: 65%; } .title { margin-bottom: 30px; } .index-case-grid .bg-tt { margin: 0 0 40px; } .bg-tt { font-size: 60px; } .indnews-list h3 { margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .indnews-list .n-item { min-height: 110px; padding: 10px 0; } .indnews-cont .news-left .text { padding: 15px; } .indnews-cont .news-left h3 { font-size: 18px; } .indnews-cont .news-left p { font-size: 14px; } .indnews-cont .news-left { width: 44%; } .indnews-cont .news-right { width: 55%; } .indnews-list .imgshow { width: 40%; } .indnews-list .hasimg .text { width: 58%; } /* .prony-swiper{ padding-bottom: 30px; } */ .prony-swiper .swiper-pagination{ bottom: 0; } } @media screen and (max-width: 1000px) { .banner .wap-box img{ height: 70vw;} .banner .swiper-slide .img-box{ height: auto; } .tabsCon .cont{ padding: 0 !important; } .prony-swiper .swiper-pagination{ bottom: -30px; } .zji_ud span{ padding-bottom: 2px; } .content-case .caseny-swiper .swiper-pagination{ bottom: -40px; } .swiper-tabbox .swiper-button-next{ right: 0; /* margin-top: -22px; */ } .swiper-tabbox .swiper-button-prev{ left: 0; /* margin-top: -22px; */ } .swiper-tabbox .swiper-button-next.swiper-button-disabled, .swiper-tabbox .swiper-button-prev.swiper-button-disabled{pointer-events:auto;} .about-map .dot3{ top: 68%; } .about-map .dot2{ bottom: 71%; } .about-map .dot1{ bottom: 68%; } .tabsCon .cont .btm1,.tabsCon .cont .tit1{ margin-left: 0 !important; margin-right: 0 !important; } .tabsCon .cont .tit{ width: 100% !important; } .shoufa-list .text h4{ font-size: 18px; } .shoufa-list .imgshow{ display: none; } .page-box .layui-laypage a{ display: none !important; } .page-box .layui-laypage a,.page-box .layui-laypage span{ padding:0; } .page-box .layui-laypage a:nth-child(1),.layui-laypage a:nth-last-child(1){ display: inline-block !important; } .page-box .layui-laypage span{ margin: 0; } .zj_oms1 dl dt img{ height: auto !important; } .zj_oms1 dl dd h3{ font-size: 24px !important; } .problock-tabitem{ margin: 0; padding-bottom: 30px; } .protabboxscoll .p-b{ width:100%; } .protabboxscoll .text{ padding: 12px; } .protabboxscoll img{ height: 200px; } .prony-swiper .swiper-button-next{ right: 0 !important; } .prony-swiper .swiper-button-prev{ left: 0 !important; } .protabboxscoll .swiper-slide .p-b.cur{width:100%;margin-bottom: 10px;} .banner .swiper-slide{height: 100%;} .m-indexBanner{display: block;} .pc_indexBanner{display: none;} .related-list li { width: 100%; margin-bottom: 10px; } .related-list .imgshow, .related-list .text { width: 100%; } .related-list .r-item { padding: 0; } .related-list .text { margin-top: 20px; } .related-list .text p { height: auto; } .content-case .caseny-swiper .swiper-slide img { height: 210px; } .content-case .caseny-swiper .swiper-slide .imgshow { width:100%; } .content-case .caseny-swiper .swiper-slide .imgshow.cur { width:100%; margin-bottom: 10px; } .zhaopin-yaoqiu dd { font-size: 16px; } .zhaopin-yaoqiu dl { padding: 0; } .zhaopin-yaoqiu dt { font-size: 18px; margin: 20px 0 10px; } .content-zhaopin-detail h3 { font-size: 24px; } .zhaopin-canshu dl { padding: 0; } .zhaopin-canshu { margin: 30px 0; } .zhaopin-canshu dd { width: 100%; margin-bottom: 12px; } .wangluo-info .imgshow, .wangluo-info .text { width: 100%; } .wangluo-info h3 { font-size: 18px; } .wangluo-info .map-num { margin: 40px 0 0; } .wangluo-info .map-num dl { margin-bottom: 30px; } .contact-cont { display: block; } .contact-cont .imgshow { height: 50vh; } .solu-tabbox .swiper-slide { padding: 0; } .animated { opacity: 1; } .home-main .footer { padding: 40px 0; } html.mm-blocking body { overflow: initial; } .header { position: sticky; top: 0; left: 0; width: 100%; z-index: 999; } #menuPc { display: none; } .mm-opened #menuWap { display: block; } #page { background-color: #FFFFFF; } .btn-nav { position: absolute; top: 0; right: 20px; background: transparent; border: none; padding: 21px 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 99999; display: block; width: 30px; float: right; } .icon-bar { display: block; margin: 6px 0; width: 30px; height: 3px; background-color: #D53636; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } .mm-opening .top { -webkit-transform: translateY(8px) rotateZ(45deg); -moz-transform: translateY(8px) rotateZ(45deg); -ms-transform: translateY(8px) rotateZ(45deg); -o-transform: translateY(8px) rotateZ(45deg); transform: translateY(8px) rotateZ(45deg); } .mm-opening .bottom { -webkit-transform: translateY(-10px) rotateZ(-45deg); -moz-transform: translateY(-10px) rotateZ(-45deg); -ms-transform: translateY(-10px) rotateZ(-45deg); -o-transform: translateY(-10px) rotateZ(-45deg); transform: translateY(-10px) rotateZ(-45deg); } .mm-opening .middle { width: 0; } .banner .bg-box { display: none; } .banner .banner-content { padding: 0 20px; } .banner .banner-content h6 { font-size: 16px; } .banner .banner-content p { font-size: 14px; } .banner .banner-content span { display: none; } .banner .wap-box { display: block; } .banner .swiper-slide .video-box { display: none; } .h-tool { display: none; } .logo { margin: 25px 0; } .logo img { height: 30px; } .crumbs-box .slot-right { display: none; } .crumbs-box { margin: 0; } .banner-ny .b-text h4 { font-size: 16px; } .banner-ny .b-text p { font-size: 14px; } .about-info .imgshow, .about-info .text { width: 100%; } .title em { padding-left: 0; } .title .subtt { font-size: 12px; letter-spacing: 9px; } .title i { padding: 0 10px; } .title h2 { font-size: 20px; } .about-info .text-p h3 { font-size: 18px; } .about-info h4 { font-size: 16px; } .about-wh { margin: 30px 0; } .about-wh .imgshow, .about-wh .text { width: 100%; } .about-wh .imgshow { margin-bottom: 10px; } .title { margin: 30px 0; } .about-list li { width: 50%; margin-bottom: 10px; } .footer { padding-top: 50px; margin-top: 0; } .f-nav { display: none; } .f-copy { margin: 20px 0 0; font-size: 14px; } .f-emw { margin: 20px 0; } .f-sm a { font-size: 12px; } .content-about { padding-top: 0; } .about-ppinfo .imgshow, .about-ppinfo .text { width: 100%; } .about-ppinfo .text { margin: 30px 0 0; } .about-ppinfo .text .text-p { line-height: 1.875; height: auto; display: block; } .about-ppinfo .text p { font-size: 16px; line-height: 2; } .about-ppinfo .about-pplist ul { flex-wrap: wrap; } .about-ppinfo .about-pplist li { width: 100%; } .about-ppinfo { padding-bottom: 40px; } .about-jiazu .title { flex-wrap: wrap; } .about-jiazu .title .slot-right { position: initial; transform: translateY(0); margin-top: 40px; width: 100%; } .jiazu-page .swiper-pagination { display: none; } .jiazu-page { width: 100%; justify-content: center; } .jiazu-info .right-img, .jiazu-info .text { width: 100%; } .jiazu-info .text { margin-bottom: 10px; } .jiazu-info .right-img .h-text { position: initial; padding: 20px; } .jiazu-swiper { bottom: 0; position: initial; margin: 10px 0 0; } .about-jiazu { padding: 50px 0; } .jiazu-swiper .swiper-slide h3 { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px; } #certify .swiper-slide img { width: 100%; } #certify .swiper-slide { height: auto; padding-bottom: 0; } #certify .swiper-slide p { padding: 20px 0; } .f-logo { padding: 30px 0 0; } .honor-tt { margin: 40px 0; } .honor-tt h2 { font-size: 24px; } .honor-tt span { font-size: 16px; } .about-dwlist .d-item { padding: 0; } .about-dwlist .date { position: initial; text-align: left; } .about-dwlist .imgshow, .about-dwlist .text { width: 100%; } .about-dwlist .imgshow { margin-bottom: 10px; } .about-dwlist .date em { font-size: 24px; } .about-dwlist h3 { font-size: 18px; } .about-dwlist li { padding-bottom: 30px; margin-bottom: 30px; } .contact-cont .text, .contact-cont .imgshow { width: 100%; } .contact-cont .text { margin-top: 10px; } .contact-cont .text ul { height: auto; } .contact-cont .c-item { padding-left: 20px; } .contact-cont .c-item .see-more { right: 10px; } .rencai-info .imgshow, .rencai-info .text { width: 100%; } .rencai-info .imgshow { padding: 0; margin: 0 0 10px; } .rencai-info .text h4 { font-size: 18px; } .about-hj { padding: 20px 0; margin-top: 40px; } .about-hj .rig-img, .about-hj .text { width: 100%; margin: 0; } .about-hj .text { margin-top: 10px; } .about-hj .text .p-text { width: 100%; margin-bottom: 20px; } .about-hjact { margin: 0; } .about-hjact .text { width: 100%; } .ygact-list { margin: 30px 0 0; } .zp-tt { margin: 40px 0; } .zp-tt .slot-right { position: initial; margin: 20px 0 0; transform: translateY(0); } .zp-tt h2 { font-size: 24px; } .zhaopin-list .z-item { display: block; padding: 20px 50px 20px 20px; } .zhaopin-list .jobname, .zhaopin-list .job-con { width: 100%; font-size: 14px; } .zhaopin-list .jobname { font-size: 18px; } .zhaopin-list .arrow { right: 0; width: 50px; } .zhaopin-list .text .text-p { padding: 0; } .zhaopin-list .text { padding: 0 20px; font-size: 14px; } .job-table dl dd { width: 100%; } .job-table { display: block; } .job-table dl { width: 100%; } .zhaopin-list .cur .text { padding: 0 20px 1px 20px; } .job-table .jobbtn { margin: 20px 0; width: 100%; text-align: left; } .problock1 .igmshow, .problock1 .text { width: 100%; } .problock1 .igmshow { margin-bottom: 10px; } .problock1 .text-p { font-size: 16px; } .tx-list li { width: 50%; margin-bottom: 20px; } .tx-list p { font-size: 14px; margin: 10px 0 0; } .tx-list { margin: 40px 0; } .problock-cont { padding: 30px 0; } .protabboxscoll ul { display: block; } .protabboxscoll ul li { margin-right: 0; margin-bottom: 10px; width: 100%; height: auto; } .protabboxscoll ul li.cur { width: 100%; } .content-product { padding: 0; } .banner-ny.banner-d { height: auto; } .prodis-top { padding: 0; } .prodis-top .imgshow, .prodis-top .text { width: 100%; } .prodis-top .imgshow { margin: 0 0 10px; } .prodis-top .text { padding: 0; } .prod-gaishu { padding: 20px 0; margin: 30px 0; } .prod-gaishu .imgshow, .prod-gaishu .text { width: 100%; } .prod-gaishu .text{ box-sizing: border-box; padding: 0 10px; } .prod-gaishu .imgshow { margin-bottom: 10px; } .pro-tt h3 { font-size: 20px; } .prod-gaishu .pro-tt { margin: 0 0 20px; } .pro-tt { margin: 30px 0; } .my-table { margin: 30px 0 0; overflow-x: auto; font-size: 14px; } .my-table table{ min-width: 500px; } .my-table table td{ padding: 5px; font-size: 12px; } .shoufa-list ul { display: block; } .shoufa-list ul li { width: 100%; } .shoufa-list ul li:nth-child(1), .shoufa-list ul li:nth-child(2) { width: 100%; } .shoufa-list .text { position: initial; padding: 20px 0; color: #333; } .shoufa-list ul li.cur .text{ width: 100%; } .shoufa-list .text a { color: #333; } .bz-cont .bz-list ul { display: block; text-align: center; } .bz-cont .bz-list ul li { margin-bottom: 10px; display: block; } .bz-cont .bz-list ul li, .bz-cont .bz-list ul.type2 li { width: 100%; } .bz-cont { padding: 40px 20px; } .p-caselist li { margin-bottom: 10px; width: 100%; } .content-solution .solu-bg { display: none; } .content-solution .title { margin: 40px 0; } .solu-caseswiper .imgshow, .solu-caseswiper .text { width: 100%; } .solu-caseswiper .text { padding: 0; } .solu-caseswiper .imgshow img { max-width: 100%; } .solu-caseswiper h3 { font-size: 20px; } .solu-dtop .imgshow, .solu-dtop .text { width: 100%; } .solu-dtop .imgshow { margin-bottom: 20px; } .solu-dtop h3 { font-size: 18px; } .solu-yy { margin: 30px 0 0; padding: 30px 0; } .solu-yy .solu-dtop .imgshow, .solu-yy .solu-dtop .text { width: 100%; } .solu-tt { margin: 40px 0; } .solu-tt h3 { margin-bottom: 20px; } .solu-tt .slot-right { position: initial; transform: translateY(0); } .solu-tabbox .imgshow, .solu-tabbox .text { width: 100%; } .solu-tabbox .solu-block { display: block; } .solu-tabbox .imgshow { margin-bottom: 20px; } .solu-tabbox dt { font-size: 18px; } .solu-tabbox dl { margin-bottom: 20px; } .case-btext h4 { font-size: 16px; } .content-case { padding: 50px 0; } .case-tt h2 { font-size: 24px; } .wap-filter { display: block; margin: 0 0 20px; } .wap-filter select { width: 100%; padding: 10px 20px; background-color: #FFF; box-sizing: border-box; border-radius: 3px; border: 1px solid #fff; } .case-item { margin-bottom: 30px; } .content-case .caseny-swiper { padding-bottom:0px; } .index-about-grid .about-left, .index-about-grid .about-right { width: 100%; } .bg-tt { display: none; } .index-about-grid .about-left { padding-bottom: 30px; } .about-map .map-num { bottom: 0; } .about-map .map-num dt { font-size: 24px; } .index-about-grid .c-t { font-size: 12px; } .index-product-grid .pro-topt { display: block; padding-bottom: 20px; margin-bottom: 0px; } .index-product-grid .pro-topt .text-p { margin: 20px 0; border-left: none; max-height: initial; padding: 0; } .index-product-grid .pro-topt .text-p:after { display: none; } .ind-protx li:nth-child(1), .ind-protx li { width: 100%; margin-bottom: 12px; } .ind-protx { padding: 20px 0; } .case-cont { display: block; } .index-case-grid { padding: 30px 0; } .index-case-grid .left-tt { width: 100%; } .case-cont .left-page { margin: 20px 0; justify-content: center; } .case-cont .left-page .swiper-pagination { display: none; } .case-cont .case-swiper { width: 100%; padding-left: 0; margin: 30px 0 0; } .case-cont .case-swiper h3 { font-size: 14px; } .case-cont .case-swiper p { font-size: 12px; } .index-news-grid .pro-topt { display: block; margin: 30px 0; } .index-news-grid .pro-topt .text-p { margin: 20px 0; height: auto; justify-content: center; } .index-news-grid .pro-topt .text-p:after { display: none; } .index-news-grid .pro-topt .see-more, .index-case-grid .see-more, .index-product-grid .see-more, .index-about-grid .see-more { font-size: 12px; padding: 4px 14px; } .index-news-grid .pro-topt .see-more img, .index-case-grid .see-more img, .index-product-grid .see-more img, .index-about-grid .see-more img { width: 12px; } .indnews-cont .news-left, .indnews-cont .news-right { width: 100%; } .indnews-cont .news-right { margin-top: 20px; } .indnews-cont .news-left .text { padding: 20px; } .indnews-cont .news-left h3 { font-size: 18px; } .indnews-cont .news-left .date { font-size: 14px; } .indnews-list .imgshow, .indnews-list .hasimg .text { width: 100%; } .indnews-list .hasimg .text { margin-top: 12px; } .indnews-list li:nth-child(1) .n-item { padding-left: 0; } .hz-logo { padding: 0 30px; margin: 30px 0; } .hz-logo .swiper-button-next { right: 0; } .hz-logo .swiper-button-prev { left: 0; } .right-menu dd { width: 32px; height: 32px; line-height: 32px; } .right-menu dd img { width: 16px; } .zx-form .layui-form-item { display: block; margin-bottom: 10px; } .zx-form .layui-form-label { width: 100%; display: block; text-align: left; } .zx-form .layui-form .layui-input-block { margin-left: 0; max-width: 100%; } .zx-form .layselect { display: block; } .zx-form .layui-input, .zx-form .layui-select, .zx-form .layui-textarea { width: 100%; } .zx-form .layselect .layui-form-select:nth-of-type(1) { margin-right: 0; clear: both; } .zx-form .layui-unselect { margin-bottom: 10px; } .layui-select-title { display: block; } .iPicker-target { display: block; } .iPicker-container { width: 100%; margin-bottom: 10px; } .iPicker-container:not(:first-of-type) { margin-left: 0; } .iPicker-result { width: 100% !important; } .zxlayer .tips { clear: both; } .zxlayer .tjbtn { width: 100%; } .zhaopin-list li { padding-bottom: 1px; } .search-list ul li .li-inner .img-box { margin-bottom: 20px; } .search-list ul li .li-inner .img-box, .search-list ul li .li-inner .img-text { width: 100%; } .search-list .img-text .t a { margin-top: 10px; white-space: pre-wrap; } .index-about-grid .about-right .padright { padding: 30px 20px; } .index-case-grid .case-btn { margin: 40px 0 0; } .zx-form h3 { margin: 0 0 20px; padding-bottom: 20px; } .index-about-grid .about-list { margin: 25px 0; } .about-list p { font-size: 14px; } .f-logo img { height: 38px; width: auto; } .footer-box { padding-bottom: 40px; } .f-logo { border-width: 3px; } .header { background-color: rgba(12, 58, 93, 0.9); backdrop-filter: blur(8px); } .about-list .icon { height: 30px; } .about-list .icon img { max-height: 30px; } .about-list h3 { font-size: 16px; } .solu-caseswiper .swiper-pagination { padding-left: 0; justify-content: center; } .content-case .crumbs-box { padding: 18px 0; } .content-case .caseny-swiper h3 { font-size: 16px; } .solu-tt .slot-right { overflow-x: auto; } .solu-tt .slot-right .solu-item { display: flex; } .solu-tt .solu-item a { padding: 4px 20px; font-size: 14px; min-width: 80px; box-sizing: border-box; flex-shrink: 0; } .solu-tt h3 { font-size: 24px; } .sale-info .imgshow, .sale-info .text { width: 100%; } .sale-info .imgshow { margin-top: 10px; } .sale-item { font-size: 14px; } .sale-info .text h4 { font-size: 16px; } .sale-info .text p { font-size: 14px; } .content-news .news-list li { width: 100%; margin-bottom: 16px; } .news-list .text { padding: 20px; } .content-news-detail h3 { padding: 0; font-size: 20px; } .content-news-detail .news-page { margin: 45px 0 0; } .right-menu { top: auto; transform: translateY(-50%); bottom: 20px; } .related-list .see-more { font-size: 14px; padding: 5px 16px; margin: 10px 0 20px; } .related-list .text { box-sizing: border-box; } .related-list .r-item:hover { box-shadow: none; } .content-sale { padding-top: 0px; } .sale-info .swiper { margin-top: 0; } .home-main .footer { background-size: 100%; } .index-about-grid .about-left { position: initial; width: 100%; } .index-about-grid .about-right { position: initial; width: 100%; background-color: #FFF; } .index-about-grid .bgfff { display: none; } .index-about-grid .text { max-height: initial; display: block; font-size: 14px; } .indnews-list p { font-size: 14px; } .index-case-grid .left-tt .left-text { font-size: 14px; } .index-product-grid .pro-topt .text-p { font-size: 14px; } .index-about-grid .about-rtext p { font-size: 14px; } .index-about-grid .about-rtext h3 { font-size: 18px; } .index-about-grid { overflow: hidden; } .index-product-grid { padding-top: 30px; } .index-about-grid .about-rtext p { display: block; max-height: initial; } .about-map .map-num { position: initial; } .about-map { width: 100%; } .page-box .page-list { display: none; } .text iframe { max-width: 100% !important; } body, input, select, button, textarea { font-size: 14px; } .about-ppinfo .text p { font-size: 14px; } .problock1 .text-p { font-size: 14px; } .prodis-top .text h3 { font-size: 20px; } .prodis-top .text-p h4 { font-size: 16px; } .prodis-top:before { display: none; } .prodis-cont .text h3 { font-size: 20px; } .hc-max { padding-left: 0; } }