.one-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .container-box { min-width: 1400px; width: 100%; } .center-box { width: 1400px; margin: 0 auto; } .top-tip { height: 40px; background: #3cb35c; } .top-tip .top-content { width: 1400px; margin: 0 auto; } .top-tip .tip { font-size: 14px; color: #ffffff; } .top-tip .l-btns { display: flex; } .top-tip .l-btns .link { width: 26px; height: 26px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; margin-left: 10px; } .top-tip .l-btns .link .iconfont { font-size: 14px; } .header .logo { flex-shrink: 0; } .header .logo > a { display: block; width: 217px; height: 65px; overflow: hidden; } .header .logo > a img { width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; } .header .nav-centen { flex: 1; display: flex; justify-content: flex-end; } .header .nav-centen .nav-link-x { display: flex; height: 110px; position: relative; align-items: center; margin-left: 45px; box-sizing: border-box; } .header .nav-centen .nav-link-x .nav-label { height: 110px; line-height: 110px; } .header .nav-centen .nav-link-x:hover { border-bottom: 3px solid #3cb35c; } .header .nav-centen .nav-link-x:hover .nav-label { height: 107px !important; } .header .nav-centen .nav-link-x:hover .drop-down { display: block !important; background-color: #fff; } .header .nav-centen .nav-link-x .drop-down { display: none; position: absolute; left: 0; top: 110px; width: 100%; z-index: 99; } .header .nav-centen .nav-link-x .drop-down .drop-item { display: block; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: #222222; } .header .nav-centen .nav-link-x .drop-down .drop-item:hover { background-color: #3cb35c; color: #fff; } .header .nav-centen .nav-link { font-size: 16px; color: #010000; } .header .nav-centen .iconfont { font-size: 14px; color: #999999; margin-left: 5px; } .header .tele { flex-shrink: 0; font-size: 22px; font-family: Arial; font-weight: bold; color: #3cb35c; margin-left: 40px; } .header .tele .iconfont { font-size: 20px; margin-right: 5px; } .header .tele span { color: inherit; } .swiper-home { position: relative; overflow: hidden; height: auto; } .swiper-home .img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .swiper-home .swiper-pagination-home { position: absolute; bottom: 50px; z-index: 20; display: flex; justify-content: center; } .swiper-home .swiper-pagination-home .swiper-pagination-bullet { width: 50px; height: 5px; background: #ffffff; opacity: 0.5; border-radius: 0% !important; } .swiper-home .swiper-pagination-home .swiper-pagination-bullet-active { opacity: 1; } .search-cen { background-color: #f0f0f3; height: 60px; } .search-cen .search-tags { flex: 1; display: flex; font-size: 15px; overflow: hidden; } .search-cen .search-tags .title { color: #3cb35c; } .search-cen .search-tags .keys { display: flex; color: #444444; } .search-cen .search-tags .keys a{ color: #444; } .search-cen .search-tags .keys > .key { color: #444444; margin-left: 10px; } .search-cen .home-search { display: flex; } .search-cen .home-search .input { width: 210px; height: 34px; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 2px; box-sizing: border-box; padding: 10px; } .search-cen .home-search .input::-moz-placeholder { color: #888888; font-size: 12px; } .search-cen .home-search .input:-ms-input-placeholder { color: #888888; font-size: 12px; } .search-cen .home-search .input::placeholder { color: #888888; font-size: 12px; } .search-cen .home-search .home-submit { display: flex; width: 60px; height: 34px; background: #3cb35c; border-radius: 2px; align-items: center; justify-content: center; color: #fff; cursor: pointer; } .about { padding: 80px 0 110px 0; background: #fff; } .about .introduce { width: 500px; } .about .introduce > h2 { font-size: 36px; font-weight: bold; color: #3cb35c; } .about .introduce > span { font-size: 22px; font-weight: 400; color: #000006; display: block; margin: 30px 0; } .about .introduce > p { font-size: 16px; color: #444444; line-height: 35px; margin-bottom: 70px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } .mod-title { display: flex; flex-direction: column; align-items: center; } .mod-title h2 { font-size: 40px; font-weight: 600; } .mod-title span { font-size: 16px; margin-top: 17px; } .link-btn { display: flex; align-items: center; justify-content: center; width: 165px; height: 55px; border: 1px solid; border-radius: 28px; } .link-btn span { font-size: 15px; } .link-btn .iconfont { font-size: 12px; font-weight: 600; margin-left: 8px; } .link-btn:hover{ border:solid 1px #ddd;} .products { padding: 80px 0; background: url(../images/bg1.png) no-repeat center center/100% 100%; } .products .product-tabs { margin: 40px 0 50px 0; } .products .prod-heads { display: flex; justify-content: center; border-bottom: 1px solid #e4e4e4; } .products .prod-heads .tab-item { display: flex; flex-direction: column; align-items: center; margin: 0 50px; padding-bottom: 40px; box-sizing: border-box; cursor: pointer; } .products .prod-heads .tab-item:hover, .products .prod-heads .tab-item-active { border-bottom: 3px solid #3cb35c; } .products .prod-heads .tab-item:hover .tab-label, .products .prod-heads .tab-item-active .tab-label { color: #3cb35c !important; } .products .prod-heads .tab-item .icon_bar { display: block; width: 30px; height: 30px; overflow: hidden; } .products .prod-heads .tab-item .icon_bar img { width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; } .products .prod-heads .tab-item .tab-label { font-size: 18px; font-weight: 400; color: #444444; margin-top: 20px; } .por-list { display: flex; flex-wrap: wrap; padding-top: 20px; } .por-list .por-item { width: 335px; margin-right: 20px; margin-top: 20px; } .por-list .por-item:nth-child(4n) { margin-right: 0; } .por-list .por-item .por-link { display: block; width: 100%; } .por-list .por-item .por-img { width: 100%; height: 280px; overflow: hidden; } .por-list .por-item .por-img img { width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; } .por-list .por-item .por-box { box-sizing: border-box; width: 100%; padding: 0 30px 30px 30px; background-color: #fff; } .por-list .por-item .por-head { padding: 30px 0 20px 0; box-sizing: border-box; display: flex; justify-content: space-between; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; } .por-list .por-item .por-head .name { font-size: 18px; font-weight: bold; color: #222222; display: block; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .por-list .por-item .por-head .iconfont { color: #222222; font-size: 20px; } .por-list .por-item .por-info { font-size: 14px; color: #777777; line-height: 24px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .por-shadow { box-shadow: 0px 15px 12px 0px rgba(0, 0, 0, 0.02); } .projects { padding: 80px 0 100px 0; background: url(../images/img8.png) no-repeat center center/100% 100%; } .projects .project_tabs { margin: 50px 0; } .projects .project_tabs .project_tab-head { display: flex; justify-content: center; } .projects .project_tabs .project_tab-head .p-btn { width: 120px; height: 44px; cursor: pointer; border: 1px solid #ffffff; text-align: center; font-size: 16px; line-height: 44px; color: #fff; margin: 0 10px; } .projects .project_tabs .project_tab-head .p-btn:hover, .projects .project_tabs .project_tab-head .p-btn-active { background: #ffffff; font-weight: bold; color: #25a447; } .projects .project_tab-body { margin-top: 20px; } .porject-item { display: flex; flex-wrap: wrap; } .porject-item .item-li { margin-right: 20px; margin-top: 20px; width: 335px; background: #ffffff; } .porject-item .item-li:nth-child(4n) { margin-right: 0; } .porject-item .desc { display: flex; flex-direction: column; align-items: center; padding: 30px 60px; box-sizing: border-box; } .porject-item .date { font-size: 14px; font-weight: 400; color: #222222; } .porject-item .p { font-size: 18px; font-weight: 400; color: #222222; line-height: 28px; height: 56px; margin: 25px 0; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .porject-item .more-link { width: 80px; height: 34px; border: 1px solid #b4b4b4; border-radius: 17px; display: flex; align-items: center; justify-content: center; } .porject-item .more-link .iconfont { font-size: 20px; } .news { padding: 80px 0 100px 0; background: url(../images/img12.png) no-repeat center center/100% 100%; } .news .news-tabs { margin: 50px 0; } .news .news-tabs .new-tabs-head { display: flex; justify-content: center; } .news .news-tabs .new-tabs-head .new-btn { width: 120px; height: 45px; border: 1px solid #b4b4b4; text-align: center; line-height: 45px; margin: 0 20px; font-size: 16px; color: #444444; cursor: pointer; } .news .news-tabs .new-tabs-head .new-btn:hover, .news .news-tabs .new-tabs-head .new-btn-active { background-color: #3cb35c; color: #fff; border: 1px solid transparent; } .news .news-tabs .news-body { margin: 40px 0 50px 0; min-height: 557px; } .news .news-tabs .news-box { display: flex; justify-content: space-between; } .news .news-tabs .news-box .nes-img { width: 100%; height: 400px; overflow: hidden; } .news .news-tabs .news-box .nes-img img { width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; } .news .news-tabs .news-box .left-news { width: 630px; } .news .news-tabs .news-box .right-news { width: 710px; } .news .new-title { display: flex; justify-content: space-between; align-items: center; } .news .new-title .text { font-size: 22px; color: #000000; display: block; width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news .new-title .tag { background: #3cb35c; color: #fff; padding: 8px 9px; border-radius: 4px; } .news .news-p { font-size: 14px; color: #777777; line-height: 24px; margin: 22px 0; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; } .news .news-time { color: #999999; } .news .news-time .iconfont { margin-right: 5px; vertical-align: initial; } .news .nes-link_item { padding: 0 0 38px 0; margin-top: 40px; border-bottom: 1px solid #e1e1e1; } .news .nes-link_item .news-p { margin: 14px 0 !important; } .news .nes-link_item:first-child { margin-top: 0; } .process { padding: 80px 0; } .process .process-img { width: 100%; height: 165px; overflow: hidden; margin-top: 80px; } .process .process-img img { width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; } .clientele { padding: 80px 0 100px 0; background: url(../images/img13.png) no-repeat center center/100% 100%; } .clientele .clientele-list { display: flex; flex-wrap: wrap; margin-top: 10px; } .clientele .clientele-list .client-img { width: 120px; height: 120px; background: #ffffff; border-radius: 60px; margin-right: 22px; margin-top: 30px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .clientele .clientele-list .client-img img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .clientele .clientele-list .client-img:nth-child(10n) { margin-right: 0; } .footer-one { height: 347px; box-sizing: border-box; padding-top: 70px; display: flex; } .footer-one .left-navs { flex: 1; display: flex; } .footer-one .left-navs .foot-links { display: flex; flex-direction: column; margin-right: 80px; } .footer-one .left-navs .foot-links > span { font-size: 18px; color: #fff; margin-bottom: 33px; } .footer-one .left-navs .foot-links .foot-a { color: #aaaaaa; font-size: 15px; margin-top: 17px; } .footer-one .right-hotline { display: flex; flex-direction: column; align-items: flex-end; } .footer-one .right-hotline .hotline { color: #aaa; } .footer-one .right-hotline .hotline-num { color: #fc5f01; font-size: 28px; margin-top: 15px; } .footer-one .right-hotline .link-icons { display: flex; } .footer-one .right-hotline .link-icons > a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #828282; border-radius: 50%; margin-top: 30px; margin-left: 17px; } .footer-one .right-hotline .link-icons > a .iconfont { font-size: 25px; color: #828282; } .footer-two { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-two .filing { color: #aaaaaa; display: flex; font-size: 14px; margin-bottom: 10px; } .footer-two .filing a { color: inherit; } .footer-two .filing .t { margin: 0 8px; } .banner { width: 100%; width: 100%; height: 260px; overflow: hidden; } .banner img { width: 100%; height: 100%; display: block; -o-object-fit: unset; object-fit: unset; } .history_tabs { display: flex; justify-content: space-between; align-items: center; } .history_tabs .tab-btns { display: flex; } .history_tabs .tab-btns .tab_btn { height: 75px; line-height: 75px; color: #222222; font-size: 16px; margin-right: 45px; cursor: pointer; } .history_tabs .tab-btns .tab_btn a{ color: #222222; } .history_tabs .tab-btns .tab_btn .a-active{ color: #27a635; } .history_tabs .tab-btns .tab_btn:hover, .history_tabs .tab-btns .tab_btn-active { border-bottom: 3px solid #27a635; box-sizing: border-box; } .history_tabs .history .iconfont { color: #adadad; margin-right: 5px; } .history_tabs .history .h-link { color: #666666; } .history_tabs .history .icon_bar { margin: 0 5px; color: #666666; } .connect { padding: 40px 0 80px 0; } .connect .connect-inputs { display: flex; justify-content: space-between; } .connect .connect-inputs .input { width: 445px; height: 60px; background: #ffffff; border: 1px solid #e1e1e1; padding: 0 20px; box-sizing: border-box; } .connect .textarea { padding: 20px; box-sizing: border-box; width: 100%; resize: none; height: 250px; background: #ffffff; border: 1px solid #e1e1e1; margin: 30px 0; } .connect .connect-submit { width: 100%; height: 60px; background: #27a635; color: #fff; cursor: pointer; font-size: 20px; color: #ffffff; } .subpage .porject-item .desc { border: 1px solid #e6e6e6; border-top: 0; } .subpage .porject-item .iconfont { color: #999999; } .news_list_ul { padding-bottom: 80px; } .news_list_ul .news_item { width: 100%; } .news_list_ul .news_item:hover { background-color: #fafafa; } .news_list_ul .news_item .link { display: flex; padding: 40px 0; } .news_list_ul .news_item .news_img { width: 260px; height: 165px; overflow: hidden; flex-shrink: 0; margin-right: 30px; } .news_list_ul .news_item .news_img img { width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; } .news_list_ul .news_item .news_desc { display: flex; flex-direction: column; justify-content: space-between; padding: 20px 0; } .news_list_ul .news_item .news_desc h4 { font-size: 24px; color: #222222; } .news_list_ul .news_item .news_desc p { font-size: 14px; color: #777777; line-height: 26px; width: 1110px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_list_ul .news_item .news_desc .news_time { color: #777777; } .details .left_details { width: 1020px; } .details .right_details { width: 340px; } .details .card-container { padding: 20px 30px; box-sizing: border-box; background-color: #f8f8f8; } .details .card-container .card-title { font-size: 20px; color: #333333; } .details .card-container .card-body { margin-top: 20px; } .prod-ul { display: flex; flex-wrap: wrap; } .prod-ul .prod-li { width: 135px; margin-right: 10px; margin-bottom: 10px; padding-bottom: 7px; } .prod-ul .prod-li:nth-child(2n) { margin-right: 0; } .prod-ul .prod-li .prod-a { width: 100%; display: block; } .prod-ul .prod-li .prod-a img { width: 100%; height: 112px; -o-object-fit: cover; object-fit: cover; } .prod-ul .prod-li .prod-t { text-align: center; display: block; margin-top: 14px; font-size: 16px; color: #444444; } .latest-news { display: flex; margin-bottom: 20px; } .latest-news:last-child { margin-bottom: 0; } .latest-news .n_img { width: 120px; height: 76px; overflow: hidden; flex-shrink: 0; } .latest-news .n_img img { width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; } .latest-news .n_desc { display: flex; flex-direction: column; justify-content: space-between; margin-left: 20px; } .latest-news .n_desc p { font-size: 15px; color: #444444; line-height: 22px; width: 140px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .latest-news .n_desc span { font-size: 14px; color: #999999; } .product_desc { display: flex; } .product_desc .pd_img { width: 400px; height: 334px; overflow: hidden; flex-shrink: 0; } .product_desc .pd_img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; } .product_desc .pd_r { margin-left: 30px; flex: 1; } .product_desc .name { font-size: 24px; font-weight: 400; color: #222222; } .product_desc .p { font-size: 14px; color: #555555; line-height: 26px; height: 78px; margin-top: 33px; margin-bottom: 70px; width: 100%; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .product_desc .price { padding-bottom: 30px; border-bottom: 1px solid #eeeeee; } .product_desc .price .l { color: #888888; font-size: 15px; } .product_desc .btn-information { width: 180px; height: 47px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #ffffff; margin-right: 20px; } .product_description .h { border-bottom: 1px solid #eeeeee; margin-top: 40px; } .product_description .h span { width: 400px; height: 60px; background: #27a635; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; } .product_description .desc_main { padding: 30px 0; font-size: 14px; color: #555555; line-height: 34px; } .page_flip_machine { display: flex; justify-content: space-between; padding: 23px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .page_flip_machine .flip { font-size: 14px; font-weight: 400; color: #666666; } .page_flip_machine .flip a { color: #666666; } .answer_questions { padding: 24px 0; border-bottom: 1px solid #eeeeee; } .answer_questions .an_row { display: flex; align-items: center; } .answer_questions .an_row .an_tag { display: block; width: 22px; height: 22px; padding: 5px; box-sizing: border-box; border-radius: 4px; color: #fff; margin-right: 7px; } .answer_questions .an_row .text { font-size: 15px; width: 970px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .por_list_ul { display: flex; flex-wrap: wrap; } .por_list_ul .li { width: 240px; margin-right: 20px; margin-top: 20px; } .por_list_ul .li:nth-child(4n) { margin-right: 0; } .por_list_ul .li .a { display: block; width: 100%; } .por_list_ul .li .img { width: 100%; height: 200px; overflow: hidden; } .por_list_ul .li .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; } .por_list_ul .li .span { padding: 20px 0; font-size: 17px; color: #222222; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .article_head { padding-bottom: 30px; border-bottom: 1px solid #eeeeee; } .article_head .title { font-size: 26px; color: #222222; font-weight: 600; } .article_head .info_tag { color: #888888; font-size: 14px; } .article_box { font-size: 15px; color: #444444; line-height: 32px; padding: 40px 0; } .share { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid; border-radius: 50%; margin: 0 9px; } .qualification-list .qualification-list-center { width: 1400px; margin: 20px auto; overflow: hidden; display: flex; align-items: center; justify-content: center; } .qualification-list .qualification-list-center .qualification-li { display: flex; justify-content: center; align-content: center; width: 100%; flex-wrap: wrap; } .qualification-list .qualification-list-center .qualification-li .qualification-item { padding: 20px; box-sizing: border-box; background-color: #fff; margin:20px 10px 20px 10px; box-shadow: 0 0 5px #dcdcdc; } .qualification-list .qualification-list-center .qualification-li .qualification-item .img { width: 290px; height: 290px; display: flex; align-items: center; justify-content: center; } .qualification-list .qualification-list-center .qualification-li .qualification-item .img img { width: 100%; } .qualification-list .qualification-list-center .qualification-li .qualification-item .name { text-align: center; font-size: 17px; font-weight: 400; color: #444444; margin-top: 20px; display: block; }