@charset "utf-8"; @media (max-width: 1680px){ .index-banner .con{ padding-left: 8%; } .wel-info .info { padding-top: 2rem; } .index-banner .con .swiper-con { padding-left: 6.45rem; } .ny-banner .con { padding-left: 8%; } .ny-body { padding-left: 8%; } .wrapp { width: 82%; } .safe-wrap .safe-item { padding-bottom: 4rem; padding-left: 11.2%; } .safe-wrap .safe-item .item1 .con-box { padding-right: 11%; padding-left: 4.7rem; } .safe-wrap .safe-item .item2 .img { right: 5.5%; top: -31%; } .safe-wrap .safe-item .item2 .img { right: 12.5%; width: 44%; } .safe-wrap .safe-item .item2 .con-box { width: 37.8%; } .safe-wrap .safe-item .item1 .img { width: 44%; } .energy-wrap .last { padding-left: 8%; } .pc-nac-detial .wrapp{ width: 82%; } } @media (max-width: 1440px){ .safe-wrap .swiper-box .swiper-container .swiper-slide .back { max-width: 5rem; max-height: 4.5rem; } .footer-wrap .footer .top .pc-list li { margin-right: 1.6rem; } .pl891 { padding-left: 7%; } .pr891 { padding-right: 7%; } .wrap { max-width: 77%; } .ov-item1 .con .con-t .con-l { width: 48.8%; } .ov-item1 .con .con-t .con-r { width: 50%; } .wenhua-wrap .qikan-con .list li { width: 23%; margin: 0 calc(8% / 3) calc(8% / 3) 0; } .wenhua-wrap .qikan-con .list li:nth-child(4n){ margin-right:0; } .wenhua-wrap .qikan-con .list li:nth-child(5n){ margin-right:calc(8% / 3); } .inter-wrap .list p:before { top: 8px; } } @media (max-width: 1366px){ .safe-wrap .swiper-box .swiper-container .swiper-slide .back { max-width: 4rem; } .header-map .menu-item .menu-top-a { line-height: 1rem; } .inter-wrap .list p:before { top: 5px; } .safe-wrap .safe-item .item1 .img{ width: 44%; } .safe-wrap .safe-item .item2 .img{ width: 44%; right: 11.5%; } .safe-wrap .safe-item .item2 .con-box { width: 43.8%; } .energy-wrap .last .last-con .pl891{ padding-left: 4%; } .energy-wrap .last .last-con .con-t { padding-right: 2rem; } } @media (max-width: 1024px){ .reov-item1 .color-wrap .imgpoa { top: -10rem; } .index-banner .con .swiper-con { bottom: 0.7rem; } .pc-nac-detial .wrapp { width: 90%; } body{ padding-top: 3rem; } .index-banner .con { padding-top: 5rem; } .index-banner .con .swiper-container2 { width: 81%; } .index-banner .con .swiper-container1 .swiper-button-prev { top: 104%; left: 5.2%; } .index-banner .con .swiper-container1 .swiper-button-next { top: 104%; right: 14%; } .wel-info .info .ri .scroll-box { height: 3rem; } .wel-info .info .ri { width: 56.25%; padding-top: 0; } .wel-news .new .news-con .list li .tit-t p { -webkit-line-clamp: 2; height: 36px; } .ny-banner .con { padding-left: 6%; } .ny-body { padding-left: 6%; } .pl891 { padding-left: 5.91%; } .pr891 { padding-right: 5.91%; } .pc-nac-detial .nav-detai-pc { width: 60%; } .wrapp { width: 86%; } .add-item1 .add-img { width: 40.2%; height: 16.25rem; } .member-wrap .mb-list { width: 62%; } .detail-wrap { padding-top: 0; } .safe-wrap .safe-item .item2 .img { top: 0; } .energy-wrap .list li .con-t p { -height: 4.6rem; } } @media (max-width: 992px){ .header-wrap .header { height: 2.8rem; } body{ padding-top: 2.8rem; } .index-banner .con { padding-left: 6%; padding-top: 2rem; } .index-banner .con .swiper-container1 .swiper-button-prev { top: 101%; left: 5.2%; } .index-banner .con .swiper-container1 .swiper-button-next { top: 101%; } .index-banner .con .swiper-container2 { width: 80%; } .index-banner .con .swiper-con { padding-left: 4.2rem; bottom: 0.25rem; } .wel-info .pc { display: none; } .wel-info{ height: 27rem; background:url('../../web/img/ininfo-mback.jpg')no-repeat left top; background-size: cover; } .wel-info .info .ri { width: 100%; padding-top: 0; margin-top: 1rem; } .wel-product{ display: flex; flex-direction: column-reverse; padding: 1.5rem 0 0; background:url('../../web/img/in-pro-back.jpg')no-repeat left top; background-size: cover; } .wel-product .pro-con{ background: none!important; } .wel-product .title.poa { margin-bottom: 1.3rem; display: block; top: 1rem; left: 4%; } .wel-product .pro-tab{ width: 100%; box-sizing: border-box; padding-left: 4%; margin-top: 1.9rem; margin-bottom: 1rem; } .wel-product .pro-con { height: auto; min-height: 706px; } .wel-product .pro-con .swiper-box { padding: 0 4%; box-sizing: border-box; width: 100%; height: auto; } .wel-product .pro-con .swiper-box .swiper-container .swiper-slide .img { width: 100%; height: 100%; overflow: hidden; background: #fff; } .wel-product .pro-con .swiper-box .swiper-container .swiper-slide .con-t { width: 100%; height: 100%; padding: 1.5rem 0 1rem 0; } .wel-product .pro-con .swiper-box .swiper-container .swiper-slide .con-t .title { display: none; } .wel-product .pro-con .swiper-box .swiper-container .swiper-slide .con-t .view-more { bottom: 0; position: relative; margin-top: 1rem; } .wel-info .info .ri .img { width: 100%; } .wel-info .info .ri .img img{ width: 100%; } .wel-news .new .news-con .list { width: 100%; margin-right: -3px; } .wel-news .new .news-con .img { display: none; } .wel-product .pro-tab .swiper-container .swiper-slide .icon img{ width: 1rem; } .wel-research { padding: 2.5rem 0; } .ny-banner { height: 16rem; } .add-item1 .add-img { width: 100%; height: 16.25rem; position: relative; margin-bottom: 1rem; } .add-item1 .wrapp{ display: flex; flex-direction: column-reverse; } .add-item1 .add-con { width: 100%; } .ov-item1.pl891{ padding-left: 0; } .ov-item1.wrapp{ width: 94%; } .ov-item3 { height: 12.5rem; } .ov-item3 .icon img{ width: 2rem; } .wrap { max-width: 100%; } .ov-item1 .con-list li .icon img{ width: 1.5rem; } .ov-item1 .con .con-t { display: flex; flex-direction: column-reverse; } .ov-item1 .con .con-t .con-l { width: 100%; } .ov-item1 .con .con-t .con-r { width: 100%; margin-bottom: 1rem; } .honor-wrap .swiper-con .swiper-box { width: 40.45%; } .reov-item1 .title { margin-bottom: 3.5rem; } .reov-item1 .color-wrap .imgpoa { top: -5rem; } .gaikuo-list li { width: 48.2%; } .project-wrap .pjt-item .con-t { width: 48.66%; padding: 1.25rem 0.75rem 0.75rem; } .ny-banner.research .con { padding-top: 6.125rem; } .proall-wrap .list-box .sub-wrap{ height: auto; min-height: 1rem; } .proall-wrap .list-box .sub-wrap .sub-item { height: auto; line-height: 1.5rem; } .detail-wrap .info-img { height: auto; } .detail-wrap .info-img .img { width: 100%; height: 100%; } .detail-wrap .info-img .con-t { width: 100%; height: 100%; padding: 2rem; } .center-wrap .tab-list { width: 100%; } .ny-banner.news .con { padding-top: 7.5rem; } .newde-wrap .de-bottom p { display: none; } .safe-wrap .swiper-box .swiper-container .swiper-slide { width:50%; height: 7.25rem; background: #dfe8f1; overflow: hidden; padding: 0.8rem 1rem 0; transition: all 0.3s ease 0s; } .safe-wrap .safe-item { padding-left: 4.2%; } .safe-wrap .safe-item .item1 { height: 12.375rem; margin-bottom: 0.75rem; } .safe-wrap .safe-item .item1 .con-box { padding-right: 4%; padding-left: 2.7rem; padding-top: 1.5rem; } .safe-wrap .safe-item .item2 .img { right:4%; } .safe-wrap .safe-item .item2 .con-box { width: 48%; } .energy-wrap .last { padding-left: 4%; } .energy-wrap .last .last-con .con-t { padding-right: 1rem; } .safe-wrap .swiper-box .swiper-container .swiper-slide .back { max-width: 3rem; } } @media (max-width: 767px){ .pc-nac-detial .wrapp { width: 100%; } body{ padding-top: 1.2rem; } .index-banner .pc { display: none; } .index-banner .m { width: 100%; display: block; } .header-wrap .header { height: 1.2rem; padding: 0 4%; } .header-wrap .header .logo i { width: 0.75rem; height: 0.925rem; } .header-wrap .header .right-tab .search { margin: 0 0.15rem; } .header-wrap .msub-list .list-wrap { padding: 0.2rem 0; } .header-wrap .msub-list .list-wrap .list li dt { height: 1rem; line-height: 1rem; } .header-wrap .msub-list .list-wrap .list li dt a { font-size: 0.32rem; } .header-wrap .msub-list .list-wrap .list li dd { height: 0.95rem; line-height: 0.95rem; } .header-wrap .msub-list .list-wrap .list li dd a { font-size: 0.28rem; } .header-wrap .msub-list .list-wrap .list li dt .icon { right: 0.4rem; } .footer-wrap .footer .top { padding: 0.35rem 0 0; } .footer-wrap .footer .top h1 { font-size: 0.5rem; line-height: 0.6rem; } .footer-wrap .footer .top .msub-list .list-wrap { padding: 0.2rem 0; } .footer-wrap .footer .top .msub-list .list-wrap .list li dt { height: 1rem; line-height: 1rem; } .footer-wrap .footer .top .msub-list .list-wrap .list li dt a { font-size: 0.32rem; width: 90%; } .footer-wrap .footer .top .msub-list .list-wrap .list li dt .icon { right: 0rem; } .footer-wrap .footer .top .msub-list .list-wrap .list li dd a { font-size: 0.28rem; } .footer-wrap .footer .top .msub-list .list-wrap .list li dd { height: 0.95rem; line-height: 0.95rem; } .footer-wrap .footer .copyright { padding: 0.25rem 0; } .footer-wrap .footer .copyright .le { font-size: 0.24rem; } .footer-wrap .footer .copyright .ri{ font-size: 0.24rem; float: left; margin-top: 0.1rem; } .index-banner .con { padding-left: 4%; padding-top: 1.5rem; padding-bottom: 0.5rem; } .index-banner .con h1 { line-height: 0.5rem; font-size: 0.48rem; } .index-banner .con .swiper-container2 .swiper-slide { font-size: 0.28rem; } .index-banner .con .swiper-con { bottom: 0.55rem; padding-left: 1rem; } .index-banner .con .swiper-container2 { width: 85%; } .index-banner .con .swiper-container1 .swiper-button-prev { top: 102%; left: 0%; } .index-banner .con .swiper-container1 .swiper-button-next { top: 102%; right: 4%; } .index-banner .con .swiper-container1 { padding-bottom: 2rem; } .index-banner .con .swiper-container1:before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 2rem; } .index-banner .con .swiper-container1 .swiper-slide:before { content: ''; width: 1px; height: 0.5rem; position: absolute; left: 0; bottom: 0rem; } .index-banner .con .swiper-container1 .swiper-slide h2 { line-height: 0.5rem; font-size: 0.4rem; } .index-banner .con .swiper-container1 .swiper-slide { width: 60%; } .index-banner .con .swiper-container1 .swiper-slide:before { width: 1px; height: 0.5rem; left: 0.12rem; bottom: -1rem; } .index-banner .con .swiper-container1 .swiper-slide:after { content: ''; width: 10px; height: 10px; left: 0; bottom: -1.22rem; border: 1px solid #fff; transform:translateX(0); } .index-banner .con .swiper-container1:before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0.9rem; } .index-banner .con .swiper-container1 .swiper-slide-active:after { background: #fff!important; } .wel-info { height: 12.5rem; } .wel-info .info { padding-top: 0.6rem; } .wel-info .info .le h3 { line-height: 1.1; } .wel-info .info .le .line { width: 0.8rem; height: 2px; margin-top: 0.3rem; } .wel-info .info .ri { margin-top: 1.4rem; } .wel-info .info .ri .img { margin-bottom: 0.4rem; } .wel-info .info .ri h3 { font-size: 0.34rem; line-height: 0.41rem; margin-bottom: 0.3rem; } .wel-info .info .ri p { font-size: 0.28rem; line-height: 0.4rem; } .wel-product { padding: 1.2rem 0 0; } .wel-product .title.poa .line { width: 0.8rem; height: 2px; margin-top: 0.3rem; } .wel-product .title.poa { margin-bottom: 0.3rem; top: 0.6rem; } .wel-product .pro-tab { margin-top: 0.6rem; margin-bottom: 0.4rem; } .wel-product .pro-tab .swiper-container .swiper-slide { width: 44%; height: 1.4rem; font-size: 0.28rem; } .wel-product .pro-tab .swiper-container .swiper-slide .icon img { width: 0.4rem; max-height: 0.5rem; } .wel-product .pro-con .swiper-button-prev { width: 0.325rem; height: 0.5rem; top: 29%; left: 0.5rem; } .wel-product .pro-con .swiper-button-next { width: 0.325rem; height: 0.5rem; top: 29%; right: 0.5rem; } .wel-product .pro-con .swiper-box .swiper-container .swiper-slide .con-t { padding: 0.5rem 0; } .wel-product .pro-con .swiper-box .swiper-container .swiper-slide .con-t .con-tt h3 { font-size: 0.4rem; margin-bottom: 0.2rem; } .wel-product .pro-con .swiper-box .swiper-container .swiper-slide .con-t .con-tt p { font-size: 0.28rem; line-height: 0.4rem; } .wel-product .pro-con .swiper-box .swiper-container .swiper-slide .con-t .view-more a { width: 2.6rem; height: 0.8rem; line-height: 0.8rem; border-radius: 0.5rem; font-size: 0.28rem; letter-spacing: 1px; } .wel-product .pro-con .swiper-box .swiper-container .swiper-slide .con-t .view-more { margin-top: 0.5rem; } .wel-product .pro-tab .swiper-container .swiper-slide .icon { margin-bottom: 0.15rem; } .wel-product .pro-tab .swiper-container { padding-bottom: 7px; padding-top: 0; } .wel-product .pro-tab .swiper-container .swiper-slide.cur:before { content: ''; width: 26px; height: 8px; position: absolute; left: 50%; top: auto; bottom: -6px; transform: translateX(-50%)rotate(180deg); } .wel-research { padding: 0.6rem 0; } .wel-research .research .title { margin-bottom: 0.7rem; } .wel-research .research .title h3 { line-height: 0.5rem; } .wel-research .research .title .line { width: 0.8rem; height: 2px; background: #000; margin-top: 0.4rem; } .wel-research .research .list-con { display: block; } .wel-research .research .list-con li { width: 90%; height: 3rem; background-size: cover; padding: 0.5rem 0 0 0.8rem; margin: 0 auto 0.2rem; } .wel-research .research .list-con li .num { font-size: 0.7rem; margin-bottom: 0.5rem; } .wel-research .research .list-con li .num span { font-size: 0.3rem; transform: translateY(-0.3rem); } .wel-research .research .list-con li p { font-size: 0.3rem; line-height: 0.3rem; } .wel-research .research .title .tab-list { top: 0; bottom: auto; } .wel-research .research .title .tab-list li { font-size: 0.28rem; line-height: 0.4rem; margin-left: 0.3rem; } .wel-research .research .title .tab-list li:before { height: 0.5rem; left: -0.15rem; } .wel-news { padding: 0 0 0.8rem; } .wel-news .new .title .line { width: 0.8rem; height: 2px; margin-top: 0.1rem; } .wel-news .new .title { margin-bottom: 0.6rem; } .wel-news .new .news-con .list li { width: 100%; height: 5rem; padding: 0 0.5rem; } .wel-news .new .news-con .list li .tit .num-t { font-size: 0.8rem; margin-bottom: 0.3rem; } .wel-news .new .news-con .list li .tit { padding: 0.5rem 0; height: 1rem; } .ny-banner { height: 5.4rem; } .ny-banner .con { padding-left: 4%; padding-top: 2.25rem; } .ny-banner .con h6 { margin-bottom: 0.2rem; font-size: 0.3rem; } .ny-banner .con h1 { line-height: 0.48rem; } .ny-body { padding-left: 4%; transform: translateY(-0.6rem); } .pl891 { padding-left: 2.5%; } .pr891 { padding-right: 2.5%; } .pc-nac-detial { height: 1.2rem; margin-bottom: 1px; } .pc-nac-detial .nav-detai-pc { width: 50%; display: none; } .pc-nac-detial .info-t span { font-size: 0.28rem; margin-left: 0.1rem; } .pc-nac-detial .info-t img{ width: 0.4rem; } .pc-nac-detial .nav-detai-pc .detial-nav-pc .swiper-slide a { height: 1.2rem; line-height: 1.2rem; font-size: 0.24rem; } .pc-nac-detial .nav-detai-pc .detial-nav-pc .swiper-slide a:after { height: 2px; } .pc-nac-detial .nav-detai-pc .detial-nav-pc .swiper-slide { margin-left: 0.2rem; } .wrapp { width: 94%; } .add-item1 { padding-top: 0.6rem; padding-bottom: 0.6rem; } .add-item1 .add-img { height: 5.25rem; margin-bottom: 0.4rem; } .add-item1 .add-con .line { width: 1rem; height: 2px; margin: 0.2rem 0 0.5rem; } .add-item1 .add-con .con-t { font-size: 0.28rem; line-height: 0.4rem; } .add-item1 .add-con .bt { font-size: 0.28rem; margin-top: 0.5rem; } .add-item2 { padding-top: 0.6rem; padding-bottom: 0.6rem; } .add-item2 h3 { margin-bottom: 0.4rem; } .add-item2 .con{ font-size: 0.28rem; line-height: 0.4rem; } .add-item2 .con .con-t { width: 100%; margin-bottom: 0.2rem; } .add-item3 .wrapp { padding-top: 0.6rem; } .add-item3 { padding-bottom: 1rem; } .add-item3 .wrapp .swiper-container .swiper-pagination { bottom: -9%; } .add-item3 .wrapp .swiper-container .swiper-pagination-bullet { width: 0.2rem; height: 0.2rem; margin: 0 0.1rem; } .add-item3 .wrapp .title .line { width: 1rem; height: 2px; margin: 0.3rem auto 0.5rem; } .add-item3 .wrapp .swiper-container .swiper-slide { height: 5.5rem; padding: 1rem 0.3rem 0; } .add-item3 .wrapp .swiper-container .swiper-slide .num { font-size: 0.7rem; margin-bottom: 0.8rem; } .add-item3 .wrapp .swiper-container .swiper-slide .con-t:before { content: ''; width: 0.325rem; height: 0.2rem; top: -0.3rem; } .add-item3 .wrapp .swiper-container .swiper-slide .con-t:after { width: 0.325rem; height: 0.2rem; bottom: -0.3rem; } .ov-item3 { height: 5.4rem; } .ov-item3 .icon img { width: 1rem; } .ov-item3 p { font-size: 0.4rem; } .ov-item1.wrapp { width: 96%; } .ov-item1 { padding-top: 0.6rem; padding-bottom: 2.4rem; } .ov-item1 .title { margin-bottom: 0.3rem; } .ov-item1 .con .con-t .con-r { margin-bottom: 0.3rem; } .ov-item1 .con .con-t .con-l h3 { font-size: 0.38rem; line-height: 0.5rem; margin-bottom: 0.3rem; } .ov-item1 .con p { line-height: 0.4rem; font-size: 0.28rem; } .ov-item2 .swiper-box .page-num .num-c { font-size: 0.5rem; } .ov-item2 .swiper-box .page-num .num-a { font-size: 0.5rem; } .ov-item2 .swiper-box .swiper-container .swiper-slide .img { width: 100%; } .ov-item2 .con-t p { font-size: 0.28rem; line-height: 0.4rem; } .ov-item2 { padding-bottom: 0.4rem; } .ov-item2 .con-t .con-l { width: 100%; margin-bottom: 0.2rem; } .ov-item1 .con-list { margin-top: 0.8rem; display: block; } .ov-item1 .con-list li .icon img { width: 1rem; } .ov-item1 .con-list li .icon { margin-right: 0.8rem; transform: translateY(0); } .ov-item1 .con-list li .num { font-size: 0.7rem; margin-bottom: 0.3rem; } .ov-item1 .con-list li .num span { font-size: 0.3rem; margin-left: 0.2rem; transform: translateY(-0.3rem); } .ov-item1 .con-list li p { font-size: 0.28rem; } .ov-item1 .con .con-t { margin-bottom: 0.2rem; } .ov-item2 .swiper-box .swiper-container .swiper-slide { display: block; } .ov-item2 .swiper-box .swiper-container .swiper-slide .img { width: 100%; margin-bottom: 0.1rem; } .ov-item2 .swiper-box { transform: translateY(-2rem); } .ov-item2 .swiper-box .swiper-container .swiper-button-next { top: 105%; right: 0; } .ov-item2 .swiper-box .swiper-container .swiper-button-prev { top: 105%; right: 9%; } .develop-wrap { padding-top: 0; } .develop-wrap .tab .title h2 { margin-bottom: 0.2rem; } .develop-wrap .tab .title { margin-bottom: 0.45rem; } .develop-wrap .tab .swiper-box .swiper-container .swiper-slide { height: 1.6rem; } .develop-wrap .tab .swiper-box .swiper-container .swiper-slide .year { font-size: 0.5rem; margin-bottom: 0.1rem; } .develop-wrap .deve-con .item .img { width: 47%; height: 2rem; } .develop-wrap .deve-con { padding: 0.8rem 0; } .develop-wrap .deve-con .item .con-t h1 { font-size: 0.5rem; margin-bottom: 0.15rem; } .develop-wrap .deve-con .item .con-t p { line-height: 0.4rem; margin-bottom: 0.1rem; } .develop-wrap .deve-con .item .con-t h1:after { left: -13%; top: 64%; } .develop-wrap .deve-con .item .con-t h1:before { width: 0.3rem; height: 0.3rem; left: -15.5%; top: 49%; } .develop-wrap .deve-con .item:nth-child(even) .con-t p:after { left: auto; right: -13%; } .develop-wrap .deve-con .item:nth-child(even) .con-t h1:after { left: auto; right: -13.3%; } .develop-wrap .deve-con .item:nth-child(even) .con-t h1:before { left: auto; right: -15.9%; } .develop-wrap .deve-con .item { margin-bottom: 0.5rem; } .header-wrap .msub-list .list-wrap .list li dd:before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.15); } .wenhua-wrap { padding: 0 0 0.8rem; } .wenhua-wrap .tab span { font-size: 0.3rem; margin-right: 0.25rem; } .wenhua-wrap .tab { padding-bottom: 0.4rem; } .wenhua-wrap .tab span:before { height: 2px; bottom: -0.44rem; } .wenhua-wrap .wenhua-con .con { padding: 0.4rem 0; } .wenhua-wrap .wenhua-con .title { margin-bottom: 0.3rem; } .wenhua-wrap .wenhua-con .con-t { font-size: 0.28rem; line-height: 0.4rem; } .wenhua-wrap .wenhua-con .list{ display: block; } .wenhua-wrap .wenhua-con .list li { width: 100%; margin-bottom: 0.4rem; } .wenhua-wrap .wenhua-con .list li:last-child{ margin-bottom: 0; } .wenhua-wrap .wenhua-con .list li .img { margin-bottom: 0.2rem; } .wenhua-wrap .wenhua-con .list li h3 { font-size: 0.4rem; margin-bottom: 0.1rem; } .wenhua-wrap .qikan-con .list li { width: 48%; margin: 0 4% 6% 0; } .wenhua-wrap .qikan-con .list li:nth-child(2n){ margin-right: 0!important; } .wenhua-wrap .qikan-con .list li:nth-child(4n){ margin-right: 4%; } .wenhua-wrap .qikan-con .list li:nth-child(5n){ margin-right: 4%; } .wenhua-wrap .qikan-con .list li .img { width: 100%; margin-bottom: 0.3rem; } .wenhua-wrap.qikan { padding: 0 0 0.8rem; } .wenhua-wrap .qikan-con .list li .li-con{ font-size: 0.28rem; } .page a { width: 0.7rem; height: 0.7rem; line-height: 0.7rem; margin: 0 3px; font-size: 0.28rem; } .wenhua-wrap .qikan-con { padding: 0.5rem 0 0; } .wenhua-wrap .qikan-con .list { margin-bottom: 0.4rem; } .honor-wrap { padding: 0 0 0.8rem; } .honor-wrap .title-img { height: 4.5rem; padding-left: 0.25rem; margin-bottom: 0.4rem; } .honor-wrap .title-img h1 { font-size: 0.5rem; line-height: 0.6rem; margin-bottom: 0.3rem; } .honor-wrap .title-img p { font-size: 0.3rem; } .honor-wrap .swiper-con { margin-bottom: 0.5rem; display: flex; flex-direction: column-reverse; } .honor-wrap .swiper-con .swiper-box { width: 100%; height: 4rem; margin-bottom: 0.4rem; } .honor-wrap .swiper-con .con-t { width: 100%; font-size: 0.28rem; line-height: 0.4rem; } .honor-wrap .icon-con .item { padding: 0.4rem 0 0.5rem; } .honor-wrap .icon-con .item .con-tt { width: 87%; } .honor-wrap .icon-con .item h4 { font-size: 0.4rem; margin-bottom: 0.2rem; } .honor-wrap .icon-con .item p { font-size: 0.28rem; line-height: 0.4rem; } .honor-wrap .swiper-con .swiper-box .swiper-container .swiper-button-prev { left: 0.2rem; top: 58%; } .honor-wrap .swiper-con .swiper-box .swiper-container .swiper-button-next { right: 0.2rem; top: 58%; } .fencai-wrap .class-wrap .class-top .swiper-box { width: 100%; margin-bottom: 1rem; } .fencai-wrap .class-wrap .class-top .right-img { width: 100%; } .fencai-wrap .class-wrap .class-top .swiper-box .swiper-container .swiper-slide .con { padding: 0 0 0.35rem 0.35rem; } .fencai-wrap .class-wrap .class-top .swiper-box .swiper-container .swiper-slide .con p { font-size: 0.4rem; } .fencai-wrap .class-wrap .class-top .img { margin-bottom: 0.3rem; } .fencai-wrap .class-wrap .class-top p{ font-size: 0.3rem; } .fencai-wrap .class-wrap .class-list { display: block; } .fencai-wrap .class-wrap .class-list li { width: 100%; margin-bottom: 0.5rem; } .fencai-wrap .class-wrap .class-list li p { font-size: 0.35rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 0.8rem; } .fencai-wrap .class-wrap { padding: 0 0 0.4rem; } .fencai-wrap .ajax-list { background: #edf2f7; padding: 0.5rem 0; } .fencai-wrap .ajax-list .title { margin-bottom: 0.4rem; } .fencai-wrap .ajax-list .list li { width: 100%; } .fencai-wrap .ajax-list .list li .img { margin-bottom: 0.3rem; } .fencai-wrap .ajax-list .list li p { font-size: 0.3rem; line-height: 0.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 0.8rem; } .fencai-wrap .ajax-list .list li .right-tt { height: 1.4rem; } .fencai-wrap .class-wrap .title { margin-bottom: 0.4rem; } .fencai-wrap .class-wrap .class-top { margin-bottom: 0.6rem; font-size: 0.3rem; } .fencai-wrap .class-wrap .class-list li p { font-size: 0.3rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 0.8rem; } .fencai-wrap .class-wrap .class-list li .img { margin-bottom: 0.3rem; } .fencai-wrap .class-wrap .class-top .swiper-box .swiper-container .swiper-slide .con p { font-size: 0.35rem; } .member-wrap .title { margin-bottom: 0.9rem; } .member-wrap { padding: 0rem 0 0.8rem; } .member-wrap .span-tip { display: block; width: 50%; text-align: center; height: 1rem; line-height: 1rem; background: #e8eef6; font-size: 0.3rem; font-weight: bold; top: 50%; transform: translateY(-50%); position: relative; margin: 0 auto; } .member-wrap .mb-list { width: 100%; } .member-wrap .mb-list li:hover p { font-size: 0.28rem; font-weight: bold; } .member-wrap .mb-list li:before { content: ''; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0; top: 10px; transform: translateY(-50%); background: #dbdbdb; transition: all 0.3s ease 0s; } .member-wrap .mb-list li { height: auto; line-height: 0.5rem; padding-left: 0.3rem; padding-bottom: 0.2rem; margin-bottom: 0.2rem; } .member-wrap .mb-list li p { transition: all 0.1s ease 0s; line-height: 0.4rem; } .index-banner .con .swiper-container1 .swiper-slide-active:before { height: 0.8rem; } .index-banner .con .swiper-container1 .swiper-slide .line { width: calc(100% - 10px); height: 1px; left: 10px; bottom: calc(-1.2rem + 5px); } .gaikuo-list { display: block; padding-bottom: 0.3rem; margin-top: 0.5rem; } .gaikuo-list li { width: 100%; margin-bottom: 0.5rem; } .gaikuo-list li .img { width: 100%; margin-bottom: 0.3rem; } .gaikuo-list li .con-t h3 { font-size: 0.38rem; line-height: 0.45rem; margin-bottom: 0.2rem; } .gaikuo-list li .con-t h3:before { content: ''; width: 16px; height: 2px; position: absolute; left: -0.48rem; top: 6px; } .gaikuo-list li .con-t p { line-height: 0.4rem; } .gaikuo-list li .con-t { padding: 0 0rem 0 0.5rem; } .ny-banner.research .con { padding-top: 2.1rem; } .reov-item1 { padding: 0; } .reov-item1 .title { margin-bottom: 1.5rem; } .reov-item1 .color-wrap .imgpoa { top: -2rem; } .reov-item1 .color-wrap .con { padding: 1.75rem 0 0.5rem; } .reov-item1 .color-wrap .con .con-t { line-height: 0.4rem; } .reov-item1 .color-wrap .con .readmore { width: 2.5rem; height: 0.85rem; margin: 0.5rem auto 0; } .reov-item1 .color-wrap .con .con-list { margin-top: 0.5rem; padding: 0; } .reov-item1 .color-wrap .con .con-list .num { font-size: 0.7rem; margin-bottom: 0.2rem; } .reov-item1 .color-wrap .con .con-list .num span { font-size: 0.3rem; transform: translateY(-0.3rem); } .reov-item1 .color-wrap .con .con-list p { line-height: 1.4; padding-left: 0.2rem; } .reov-item1 .color-wrap .con .con-list li .list-con{ display: flex; flex-direction: column; align-items: center; } .project-wrap .img-con .swiper-box { margin-bottom: 0.5rem; } .project-wrap .img-con .con-t p { margin-bottom: 0.15rem; } .project-wrap .img-con .con-t { font-size: 0.3rem; line-height: 0.5rem; } .project-wrap { padding: 0 0 0.8rem; } .project-wrap .img-con .swiper-box .swiper-container .swiper-slide { width: 100%; height: 4rem; } .project-wrap .title { margin-bottom: 0.5rem; } .project-wrap .pjt-item{ height: auto; } .project-wrap .pjt-item .con-t { width: 100%; height: auto; position: relative; top: 0; float: none; padding: 0.4rem 0.25rem 0.5rem; left: 0 } .project-wrap .pjt-item .img { width: 100%; height: 5rem; float: none; } .project-wrap .pjt-item .con-t h3 { font-size: 0.38rem; line-height: 0.5rem; margin-bottom: 0.3rem; } .project-wrap .pjt-item .con-t p { line-height: 0.4rem; padding-left: 0.4rem; margin-bottom: 0.1rem; } .project-wrap .pjt-item .con-t .scroll-box { height: 5rem; } .project-wrap .pjt-item .con-t { width: 100%; height: auto; position: relative; top: 0; float: none; padding: 0.4rem 0.25rem 0.5rem; left: 0; } .project-wrap .pjt-item2 { margin-bottom: 0.5rem; } .project-wrap .pjt-item { margin-bottom: 0.5rem; } .project-wrap .pjt-item .con-t p:before { content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 0; top: 5px; } .proall-wrap .title .search-wrap { height: 1.2rem; box-shadow: 0 0 8px #ccc; padding: 0 0.2rem; margin-bottom: 0.5rem; } .proall-wrap .title .search-wrap .text { width: 87%; height: 0.6rem; font-size: 0.3rem; } .proall-wrap .list-wrap .list li { width: 100%; } .proall-wrap .list-wrap .list li .con-t { padding-top: 0; height: 1.2rem; } .proall-wrap .list-wrap { margin-top: 2.5rem; padding-bottom: 0.8rem; } .ny-banner.product .con { padding-top: 2.2rem; } .proall-wrap .title .search-wrap { width: 100%; height: 1.2rem; padding: 0 0.2rem; margin-bottom: 0.5rem; } .proall-wrap .list-box { width: 100%; height: 1.2rem; padding-left: .3rem; } .proall-wrap .list-box .swiper-box { margin-left: 0.5rem; width: 5rem; } .proall-wrap .list-box .swiper-box .swiper-container{ width: 5rem!important; } .proall-wrap .list-box .swiper-box .swiper-container .swiper-wrapper{ justify-content: flex-start!important; } .proall-wrap .list-box .swiper-box .swiper-container .swiper-slide { margin: 0 0.25rem; } .proall-wrap .list-box .swiper-box .swiper-container .swiper-slide i { right: -0.35rem; } .proall-wrap .list-box .sub-wrap .sub-item span { font-size: 0.24rem; margin: 0 0.15rem; } .proall-wrap .list-box .sub-wrap .sub-item { line-height: 0.7rem; text-align: left; padding-left: 0.3rem; } .assu-wrap .title1 { margin-bottom: 0.4rem; } .assu-wrap { padding: 0; } .assu-wrap .con-t1 h3 { font-size: 0.3rem; line-height: 0.45rem; margin-bottom: 0.1rem; } .assu-wrap .con-t1 p { line-height: 0.4rem; } .assu-wrap .item-wrap .title2 { margin-bottom: 0.5rem; } .assu-wrap .item-wrap .title2 h3 { font-size: 0.38rem; } .assu-wrap .item-wrap .item-con .tit { height: 1rem; line-height: 1rem; font-size: 0.35rem; font-weight: bold; padding-left: 0.25rem; } .assu-wrap .item-wrap .item-con .list li { width: 100%; height: auto; line-height: 0.5rem; padding: 0.1rem 0; } .assu-wrap .item-wrap .item-con .list li .le { width: 100%; padding-left: 0.25rem; } .assu-wrap .item-wrap .item-con .list li .ri { width: 100%; padding-left: 0.25rem; } .assu-wrap .item-wrap .item-con { margin-bottom: 0.5rem; } .assu-wrap .con-t1 { margin-bottom: 0.5rem; } .assu-wrap .item-wrap .item-con:last-child { margin-bottom: 0.5rem; } .assu-wrap .map-wrap .map1 .con-t h3 { font-size: 0.38rem; margin-bottom: 0.3rem; text-align: center; } .assu-wrap .map-wrap .map1 { margin-bottom: 0.5rem; padding: 0.5rem 0 0.5rem 0; } .assu-wrap .map-wrap .map1 .con-t .list { display: block; } .assu-wrap .map-wrap .map1 .con-t .list li .t { padding-bottom: 0.2rem; margin-bottom: 0.15rem; } .assu-wrap .map-wrap .map1 .con-t { margin-bottom: 0.5rem; } .assu-wrap .map-wrap .wrapp { padding-left: 4%; } .assu-wrap .map-wrap .map2 { padding: 0.5rem 0 0.5rem 0; margin-bottom: 0.8rem; } .assu-wrap .map-wrap .map2 .con { padding-right: 0; } .assu-wrap .map-wrap .map2 .con-t { width: 100%; left: 0; top: 0; padding-top: 0.5rem; position: relative; } .assu-wrap .map-wrap .map2 .con-t h3 { font-size: 0.38rem; margin-bottom: 0.5rem; } .assu-wrap .map-wrap .map2 .con-t h3:before { content: ''; width: 180px; bottom: -0.1rem; } .assu-wrap .map-wrap .map2 .con-t .list li { margin-right: 0; margin-bottom: 0.2rem; } .assu-wrap .map-wrap .map2 .con-t .list li h3 { margin-bottom: 0.3rem; } .detail-wrap .de-con .swiper-box .swiper-container .swiper-slide:before{ display: none; } .detail-wrap .info-img .con-t { padding: 0.4rem 4%; } .detail-wrap .info-img .con-t h1 { font-size: 0.4rem; padding-bottom: 0.3rem; margin-bottom: 0.5rem; } .detail-wrap .info-img .con-t .contt { margin-bottom: 0.5rem; } .detail-wrap .info-img .con-t h2 { margin-bottom: 0.3rem; } .detail-wrap .info-img .con-t .buy { width: 3rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; } .detail-wrap .de-con { height: auto; padding-bottom: 2rem; padding-top: 0.5rem; } .detail-wrap .de-con .swiper-box .swiper-container .swiper-slide { height: 1.2rem; line-height: 1.2rem; font-size: 0.35rem; } .detail-wrap .de-con .con-cont { padding-top: 0.5rem; } .detail-wrap .de-con .con-cont p { font-size: 0.28rem; line-height: 0.4rem; } .detail-wrap .info-img .con-t p { font-size: 0.28rem; line-height: 0.4rem; } .detail-wrap .list-wrap .list { margin-top: 0.5rem; } .detail-wrap .list-wrap .back { width: 3rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; } .detail-wrap .list-wrap .list li { width: 100%; margin-bottom: 4%; } .detail-wrap .list-wrap .list li .con-t { height: 1.35rem; line-height: 1.35rem; } .detail-wrap .list-wrap { background: #f6f6f6; padding: 0.5rem 0; } .ny-banner.news .con { padding-top: 2.2rem; } .center-wrap { padding: 0 0 0.8rem; } .center-wrap .tab-list { margin-bottom: 0.6rem; display: flex; justify-content: space-between; } .center-wrap .list li { width: 100%; margin: 0 0 7% 0; } .center-wrap .list li .con-t .icon { width: 1.3rem; height: 0.7rem; border-radius: 0.7rem; right: 0; top: 6%; } .center-wrap .list li .con-t h3 { font-size: 0.38rem; line-height: 0.5rem; height: 0.9rem; margin-bottom: 0.25rem; } .center-wrap .list li .con-t .t { font-size: 0.28rem; } .center-wrap .list { margin-bottom: 0.5rem; } .center-wrap .list li .con-t { padding: 0 1.5rem 0 0.2rem; } .center-wrap .list li .img { margin-bottom: 0.3rem; } .center-wrap .tab-list{ display: block; } .center-wrap .tab-list .item { width: 100%; margin-bottom: 0.1rem; } .center-wrap .tab-list .item .up { width: 100%; height: 0.81rem; border-radius: 0.81rem; padding: 0 0.5rem; } .center-wrap .tab-list .option dd { box-sizing: border-box; padding-left:0.5rem; height: 0.95rem; line-height: 0.95rem; } .inter-wrap { padding: 0rem 0 0.8rem; } .inter-wrap .img { height: 5rem; margin-bottom: 0.8rem; } .inter-wrap .img .con { padding-left: 0.2rem; padding-top: 1.3rem; } .inter-wrap .img .con h1 { font-size: 0.5rem; line-height: 1; margin-bottom: 0.2rem; } .inter-wrap .img .con p { font-size: 0.28rem; line-height: 0.4rem; } .inter-wrap .list p { font-size: 0.28rem; line-height: 0.4rem; padding-left: 0.3rem; position: relative; margin-bottom: 0.2rem; } .inter-wrap .list .num { font-size: 0.6rem; margin-bottom: 0.3rem; } .inter-wrap .list .num:before { content: ''; width: 20px; height: 1px; left: -0.5rem; } .inter-wrap .list li { padding-left: 0.5rem; margin-bottom: 0.5rem; } .newde-wrap .newde { transform: translateY(0); padding: 0.5rem 0; } .newde-wrap .de-bottom h1 { font-size: 0.3rem; } .newde-wrap { padding: 0.6rem 0 0.8rem; } .newde-wrap .newde .con-t p { font-size: 0.28rem; line-height: 0.4rem; } .newde-wrap .newde .title { padding-bottom: 0.3rem; } .newde-wrap .newde .con-t { padding-top: 0.5rem; } .newde-wrap .newde .title .t { margin-top: 0.2rem; } .newde-wrap .de-bottom { margin-top: 1rem; } .safe-wrap .swiper-box .swiper-container .swiper-slide { width: 100%; height: 5rem; padding: 0.8rem 0.4rem 0; } .safe-wrap .swiper-box .swiper-container { padding-bottom: 1rem; } .safe-wrap .swiper-box .swiper-container .swiper-pagination-bullet { width: 0.2rem; height: 0.2rem; margin: 0 0.05rem; } .safe-wrap .swiper-box .title { margin-bottom: 0.5rem; } .safe-wrap { padding: 0; } .safe-wrap .swiper-box .swiper-container .swiper-slide .num { font-size: 0.8rem; } .safe-wrap .swiper-box .swiper-container .swiper-slide .top { margin-bottom: 1rem; } .safe-wrap .swiper-box .swiper-container .swiper-slide .con-t { line-height: 0.4rem; } .safe-wrap .swiper-box .swiper-container .swiper-slide .back { max-width: 3rem; max-height: 2.5rem; } .safe-wrap .plan { padding: 0.5rem 4% 1rem; font-size: 0.28rem; line-height: 0.4rem; } .safe-wrap .plan h3 { margin-bottom: 0.6rem; } .safe-wrap .plan .con-t:before { content: ''; width: 0.3rem; height: 0.2rem; position: absolute; left: 0rem; top: -0.2rem; } .safe-wrap .plan .con-t:after { content: ''; width: 0.3rem; height: 0.2rem; position: absolute; right: 0; bottom: -0.2rem; } .safe-wrap .safe-item { margin-top: 0.5rem; } .safe-wrap .safe-item .item1 .con-box { padding-right: 4%; padding-left: 0.2rem; padding-top: 0.5rem; margin-bottom: 0; padding-bottom: 0.5rem; width: 100%; } .safe-wrap .safe-item .item1 { height: auto; margin-bottom: 0.75rem; display: block; } .safe-wrap .safe-item .item1 .img { width: 100%; position: relative; margin-bottom: 0; top: 0; padding-right: 2%; box-sizing:border-box; } .safe-wrap .safe-item .item p { font-size: 0.28rem; line-height: 0.4rem; } .safe-wrap .safe-item .item h3 { margin-bottom: 0.4rem; } .safe-wrap .safe-item .item .scroll-box { height: 5rem; } .safe-wrap .safe-item { padding-bottom: 0.6rem; } .safe-wrap .safe-item .item2 .con-box { width: 100%; margin-bottom: 0.5rem; } .safe-wrap .safe-item .item2 .img { width: 100%; position: relative; right: 2%; } .energy-wrap .info h3 { margin-bottom: 0.4em; } .energy-wrap .info .con-t { padding-bottom: 0.6rem; } .energy-wrap { padding: 0rem 0 0.8rem; } .energy-wrap .info p { line-height: 0.4rem; font-size: 0.28rem; } .energy-wrap .info .img { width: 100%; height: 5rem; } .energy-wrap .list { padding: 0.6rem 0 0.1rem; display: block; } .energy-wrap .list li { width: 100%; margin-bottom: 0.5rem; } .energy-wrap .list li .img { margin-bottom: 0.3rem; } .energy-wrap .list li .con-t { margin-bottom: 0.2rem; } .energy-wrap .list li .con-t p { line-height: 0.4rem; -height: 1.7rem; } .energy-wrap .last .last-con .con-t { padding-right: 4%; padding-bottom: 0.5rem; } .energy-wrap .last .last-con .con-t h3 { margin-bottom: 0.4rem; } .energy-wrap .last .last-con .con-t .scroll-box { height: 4rem; margin-bottom: 0.2rem; } .energy-wrap .last .last-con .con-t a { bottom: 0; position: relative; } .energy-wrap .last .last-con .img { width: 100%; height: 5rem; margin-right: 2%; } .energy-wrap .last .last-con .con-t p { font-size: 0.28rem; line-height: 0.4rem; } .energy-wrap .list li .con-t h3 { font-size: 0.38rem; margin-bottom: 0.2rem; } .energy-wrap .last .last-con { height: auto; } .energy-wrap .last .last-con .con-t { width: 100%; height: 100%; padding-top: 0.6rem; } .energy-wrap.health .last { margin-top: 0.5rem; } .energy-wrap.health { padding-bottom: 0.8rem; } .inter-wrap .gongyi-t { line-height: 0.4rem; padding-left: 0; } .human-wrap { padding: 0 0 0.2rem; } .human-wrap .tab-list { padding-bottom: 0.4rem; margin-bottom: 0.5rem; } .human-wrap .tab-list a { font-size: 0.3rem; margin-right: 0.25rem; } .human-wrap .tab-list a:before { height: 2px; bottom: -0.45rem; } .human-wrap .list li { width: 100%; margin: 0 0 8% 0; } .human-wrap .list li .img { margin-bottom: 0.3rem; } .human-wrap .list li .con-t{ margin-bottom: 0.2rem; } .human-wrap .list li .con-t h3 { font-size: 0.38rem; margin-bottom: 0.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 0.8rem; } .human-wrap .list li .con-t p { line-height: 0.4rem; } .human-wrap.work{ padding-bottom: 0.6rem; } .human-wrap .last { margin-top: 0.7rem; } .pc-nac-detial.right .nav-detai-pc .detial-nav-pc .swiper-wrapper { justify-content: left; } .pc-nac-detial.right.human .nav-detai-pc .detial-nav-pc .swiper-wrapper { justify-content: flex-end!important; } .page a.next{ width: 1.4rem; } .page a.prev{ width: 1.4rem; } .index-banner .con .swiper-box { top: 75.5%; } .wel-product .pro-con { min-height: 9.2rem; } .newde-wrap .de-bottom .back-list i { width: 24px; height: 18px; } .develop-wrap .deve-con .item .con-t p:after { left: -13.1%; } .fencai-wrap .class-wrap .class-top .swiper-box .swiper-container .swiper-button-prev { left: 40%; right: auto; top: 120%; } .fencai-wrap .class-wrap .class-top .swiper-box .swiper-container .swiper-button-next { right: 40%; left: auto; top: 120%; } .human-wrap .con{ font-size: 0.28rem; line-height: 0.44rem; margin-bottom: 0.5rem; } }