.sub-banner{ position: relative; } .sub-banner>img{ display: block; width: 100%; } .sub-banner>.sub-banner-font{ position: absolute; color:white; font-size: 86px; font-weight: 500; bottom:50px; left: 52px; line-height: 100px; } .sub-banner>.sub-banner-font>span{ font-size: 68px; letter-spacing: 5px; font-weight: 600; } .content-box,.news-list-top-box,.news-show-box{ box-sizing: border-box; padding:110px 110px; background: #E4E6E8; margin-bottom:110px; position: relative; } .content-box,.content-box a,.content-box p{ font-size: 17px; font-weight: 500; color: #535353; line-height: 40px; } .content-title-33{ font-size: 21px; font-weight: bold; color: #0067A4; margin-bottom:48px; } .contact-us-box{ padding-top:150px; } .subpage-nav,.subpage-nav-product{ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom:110px; } .subpage-nav>div:first-child,.subpage-nav-product>div:first-child{ font-size: 32px; font-weight: 500; color: #535353; border-bottom:2px solid #535353; padding-bottom:6px; } .subpage-nav>div:nth-child(2){ display: flex; flex-direction: column; line-height: 36px; align-items: flex-end; } .subpage-nav a{ font-size: 19px; color:#535353; font-weight: 500; } .subpage-nav a:hover,.subpage-nav a.on{ color:#0067A4; } .product-bottom-list{ display: flex; align-items: flex-start; } .subpage-nav-product>div>a{ font-size: 19px; font-family: Source-Medium; cursor: pointer; } .subpage-nav-product>div a:hover,.subpage-nav-product>div a.on{ color:#0067A4; } .subpage-nav-product>div:nth-child(2){ display: flex; justify-content: flex-end; align-items: flex-start; } .subpage-nav-product .product-bottom-list{ padding-top:4px; transition: 1s; /*width: 0;*/ display: none; overflow: hidden; position: relative; /*border-left: 2px solid #0067A4;*/ /*margin-left:50px;*/ padding-left: 50px; /*position: absolute;*/ /*visibility: hidden;*/ } .subpage-nav-product.show .product-bottom-list{ /*border-left: 2px solid #0067A4;*/ margin-left:50px; overflow: visible; } .subpage-nav-product.show .product-bottom-list:before{ content:''; display: block; position: absolute; left: 0; bottom:0; background: #0067A4; height: calc(100% - 3px); width: 2px; } .product-bottom-list>div{ display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; padding-top:3px; } .product-bottom-list a,.product-bottom-list a:visited{ font-size: 17px; color:#535353; line-height: 15px; margin-bottom:17px; transition: 1s; white-space: nowrap; } .product-bottom-list a span{ font-size: 15px; } .product-bottom-list>div>a:last-child{ margin-bottom:0; } .product-bottom-list .product-list-right{ margin-left: 50px; } sub,sup{line-height: 0;} .product-bottom-list a{ transform: translateX(150%); } .product-list-left a{ transition-delay: 0.4s; } .product-list-right a{ transition-delay: 0.8s; } .subpage-nav-product.show .product-bottom-list a{ transform: translateX(0); } /*鏂伴椈閮ㄥ垎*/ .news-list-box>a{ display: flex; padding-bottom:48px; border-bottom:1px solid #535353; margin-bottom:48px; } .news-list-box>a:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0; } .news-list-box>a>img{ width: 322px; height: 200px; display: block; min-width: 322px; margin-right: 45px; } .news-right{ width: 642px; } .no-img .news-right{ width: 100%; } .no-img>img{ display: none!important; } .news-right>div:first-child{ font-size: 21px; font-weight: bold; /*color: #535353;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /*background: linear-gradient(to right,#0067A4 , #03456C);*/ /*-webkit-background-clip: text;*/ /*-webkit-text-fill-color: transparent;*/ } .news-list-box>a:hover .news-right>div:first-child{ color:#0067A4; } .news_box .news-right>div:first-child{ background: linear-gradient(to right,#0067A4 , #03456C); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .news-right>div:nth-child(2){ font-size: 14px; font-weight: 400; color: #535353; line-height: 29px; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; overflow: hidden; height: 116px; margin:14px 0; } .news-right>div:nth-child(3){ font-size: 12px; font-weight: 400; color: #535353; } .view-num{ margin-left: 26px; background: url('img/eyes.png') no-repeat center; background-size: 18px 11px; background-position-x: left; padding-left:27px; } .news-time{ color:#B9BFC3; font-size: 12px; } .news-time .view-num{ background: url("img/eyes-grey.png") no-repeat center; background-position-x: left; padding-left:27px; } .news-show-box .content-title-33{ margin-bottom:10px; } .news-content-box{ margin-top:30px; line-height: 30px; font-size: 14px; } .news-content-box,.news-content-box>p,.news-content-box>div{ text-indent: 32px; margin-bottom:0; color:#535353; font-family: DINNextLTPro,Source-Regular; } .news-content-box img{ max-width: 75%!important; margin-left: auto; margin-right: auto; height: auto!important; display: block; } .news-content-box,.news-content-box p,.news-content-box div,.news-content-box span{ white-space: pre-wrap!important; } /*鏂伴椈閮ㄥ垎end*/ /*鍏徃鍙戝睍*/ .development-box{ margin-bottom:110px; } .development-box>div{ margin-bottom:270px; } .development-box>div:last-child{ margin-bottom:0; } .develop-year-box{ font-size: 265px; font-weight: 400; /*color: #0067A4;*/ line-height: 300px; display: flex; overflow: hidden; justify-content: center; margin-bottom:-68px; } /*.develop-year-box>div{*/ /* background: linear-gradient(to right,#0067A4 , #03456C);*/ /* -webkit-background-clip: text;*/ /* -webkit-text-fill-color: transparent;*/ /*}*/ .develop-year-box>div:nth-child(1){ background: linear-gradient(to right,#0067A4 , #024A74); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .develop-year-box>div:nth-child(2){ background: linear-gradient(to right,#024A74 , #03456c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .develop-year-box>div:nth-child(3){ background: linear-gradient(to right,#03456c , #03456C); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .develop-year-box>div:nth-child(4){ background: linear-gradient(to right,#03456C , #03456C); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .develop-title{ font-size: 15px; font-weight: bold; color: #535353; width: 282px; } .develop-title-box{ margin-top:50px; margin-bottom:15px; overflow: hidden; } .develop-desc{ width: 282px; font-size: 12px; font-weight: 500; color: #535353; line-height: 25px; text-indent: 32px; } .develop-desc-box{ display: flex; flex-direction: column; align-items: flex-end; overflow: hidden; padding-right: 280px; } /*鍏徃鍙戝睍end*/ /*浜у搧椤甸潰*/ .product-body-bg{ background: #D5D9DB; } .product-list-box{ display: flex; justify-content: space-between; flex-wrap: wrap; } .product-list-box>a{ display: flex; justify-content: center; position: relative; background: #E4E6E8; width: 591px; height: 591px; box-sizing: border-box; align-items: center; padding-bottom:15px; transition: 0.3s; margin-bottom:84px; } .product-list-box>a>img{ display: block; max-height: 72%; max-width: 72%; transition: 0.3s; } .product-list-box>a:hover{ transform: scale(0.98); } .product-list-box>a:hover>img{ transform: scale(1.05); } .product-title{ font-size: 21px; font-weight: 500; color: #535353; left: 30px; bottom:28px; white-space: nowrap; margin-right: 20px; margin-bottom:-5px; } .product-title span{ font-size: 19px; } .product-desc{ font-size: 13px; font-weight: 500; color: #535353; line-height: 20px; bottom:28px; right:30px; text-align: right; /*width: 50%;*/ } .product-desc>div{ width: 100%; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; } .product-desc>div:nth-child(1){ font-family: Source-Medium; } .product-desc>div:nth-child(2){ font-family: Source-Regular; font-size: 12px; /*display: -webkit-box;*/ /*-webkit-box-orient: vertical;*/ /*-webkit-line-clamp:4;*/ } .product-font-box{ position: absolute; bottom:28px; left: 30px; right:30px; display: flex; align-items: flex-end; justify-content: space-between; } .product-list-box>a.last-product{ width: 100%; } .sub-banner-font2{ font-size: 138px; font-weight: bold; color: #FFFFFF; line-height: 201px; position: absolute; z-index: 2; text-align: center; left: 0; right: 0; top:65px; } .product-detail{ margin-top:400px; padding:115px 98px; margin-bottom:120px; background: #E4E6E8; } .product-detail-title{ font-size: 38px; font-weight: 500; color: #0067A4; margin-bottom:32px; } .product-detail-title span{ font-weight: 600; font-size: 32px; } .yyly-title{ font-size: 22px; font-weight: bold; color: #0067A4; margin-bottom:8px; } .yyly-desc{ font-size: 17px; font-weight: 400; color: #535353; line-height: 38px; } .product-detail-desc{ display: flex; align-items: flex-start; } .product-detail-desc>div:first-child{ margin-right: 120px; width: 400px; } .cptd{ margin:0; padding:0; list-style:none; } .cptd li{ padding-left: 14px; position: relative; } .cptd li:before{ content:''; width: 6px; height: 6px; background: #0067A4; border-radius: 50%; display: inline-block; position: absolute; margin-top: 14px; left: 0; } .blue-line{ height: 2px; background: #0067A4; margin:100px 0; } .product-config{ width: 100%; table-layout: fixed; } table.product-config .td-header>td{ height: 50px; text-align: center; vertical-align: middle; font-size: 22px; font-weight: bold; color: #0067A4; /*border-right: none;*/ } .product-config tr:nth-child(2n-1){ background: rgba(0, 103, 164, 0.11); } .product-config td{ height: 50px; text-align: center; vertical-align: middle; font-size: 17px; font-weight: 400; color: #535353; /*line-height: 58px;*/ } .product-config td{ border-right: 1px solid white; } .product-config td:last-child{ border-right: none; } /*浜у搧椤甸潰end*/ .company-profile .company-img{ width: 905px; height: 452px; background: url("img/company-profile.jpg") no-repeat left; background-size: 100% auto; } .company-profile-content{ font-size: 16px; font-weight: 500; color: #535353; line-height: 33px; margin-top:-160px; overflow: hidden; position: relative; z-index: 2; display: flex; justify-content: flex-end; margin-bottom:120px; } .company-profile-content>div{ width: 905px; height: 352px; background: rgba(228, 230, 232, 0.8); box-sizing: border-box; padding:56px 74px; text-indent: 32px; } .company-profile-content>div p{ margin:0; } .cptd p{ margin:0; } .between-article{ display: flex; align-items: center; margin-top:75px; font-size: 12px; font-weight: 500; color: #535353; } .between-article a,.between-article a:visited{ color:#535353; } .between-article a:hover{ color:#0067A4; } .between-article>div:nth-child(2){ margin-left: 15px; } .between-article>div:nth-child(2) span{ margin-right: 6px; } .between-article>div:nth-child(1) span{ margin-left: 6px; } .service-page .news-right>div:nth-child(2){ height:50px; -webkit-line-clamp: 2; } .service-page .news-right>div:first-child{ color:#535353; } .product-big-img{ display: block; margin-left: auto; margin-right: auto; height: 590px; position: relative; z-index: 2; transition: 0.1s; } .outer-box{ margin-top:-272px; } .width660{ width: 506px; display: block; } .server_box .content-title-33{ font-size: 31px; } .honor-img-box{ display: flex; /*justify-content: center;*/ justify-content: flex-end; width: 506px; } .honor_list{ position: relative; /*overflow: hidden;*/ } .honor-line{ position: absolute; background: #0067A4; width: 4px; height: calc(99.6% + 329px); margin-top:-310px; left: 10px; } .honor-font{ font-size: 32px; font-weight: bold; /*color: #0067A4;*/ line-height: 62px; margin-bottom:-16px; position: relative; display: flex; align-items: center; padding-left:70px; } .honor-font>div>div{ background: linear-gradient(to right,#0067A4 , #03456C); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .honor-font>div{ overflow: hidden; } .no-scroll-bar{ scrollbar-width: none; } .no-scroll-bar::-webkit-scrollbar { width: 0; } /*.honor-font:before{*/ /* content:'';*/ /* display: block;*/ /* position: absolute;*/ /* width: 24px;*/ /* height: 24px;*/ /* background: #0067A4;*/ /* border-radius: 50%;*/ /* left: 0px;*/ /*}*/ .blue-circle{ display: block; position: absolute; width: 24px; height: 24px; background: #0067A4; border-radius: 50%; left: 0; } .row-img{ display: flex; align-items: flex-end; justify-content: space-between; /*padding-left: 70px;*/ margin-bottom:222px; overflow: hidden; } #honor-swiper{ height: 280px; margin-bottom:110px; } #honor-swiper img{ height: 100%; width: 100%; } .honor-swiper-button{ position: absolute; width: 1380px; left: 0; right: 0; margin:0 auto; margin-top:-250px; } .honor-swiper-button .swiper-button-next,.honor-swiper-button .swiper-button-prev{ color:#0067A6; opacity: 1!important; font-weight: bold; } .honor-swiper-button .swiper-button-next:after,.honor-swiper-button .swiper-button-prev:after{ font-size: 28px; } .showThis .honor-font>div>div{ transform: translateX(0)!important; } .showThis .honor-img-box{ transform: translateY(0)!important; } .company-culture{ } .culture-row{ display: flex; } .culture-title{ font-size: 22px; font-weight: bold; /*color:#0067a4;*/ position: relative; text-indent: 0!important; display: inline; height: 42px; background: linear-gradient(to right,#0067A4 , #03456C); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .culture-title:after{ background: #0067a4; content:''; display: block; position: absolute; width: 29px; bottom:0; height: 3px; } .culture-desc{ margin-top:12px; color:#535353; font-size: 16px; text-indent: 0; height: 112px; line-height: 24px; } .culture-row>div{ display: flex; flex-direction: column; align-items: flex-start; } .culture-row>div:first-child{ width: 488px; } .product-list-bg{ background: url("img/product-bg.png") #D5D9DB center; background-size: 100% auto; padding-top:250px; padding-bottom: 1px; } .special_box .content-box,.special_box a{ font-size: 22px; } .special_box .content-title-33{ font-size: 26px; background: linear-gradient(to right,#0067a4d9 , #03456C); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .product-list-box>a{ background: rgba(222, 225, 227, 0.75); backdrop-filter:blur(2px); } @media screen and (max-width: 1400px){ .product-list-bg{ padding-top:50px; } .honor-swiper-button{ display: none; } .culture-title{ font-size: 18px; } .company-culture{ display: flex; flex-direction: column; } .culture-row>div{ width: 100%!important; margin-bottom:12px; } .culture-desc{ height: auto; font-size: 14px; } } body .subpage-nav .mobile-product-list-box{ display: none; } /*鑷€傚簲寮€濮?/ @media screen and (max-width: 768px){ .subpage-nav .mobile-product-list-box a{ font-size: 16px; display: block; } .sub-banner>img{ } .product-desc>div:nth-child(2){ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; } .sub-banner>.sub-banner-font{ font-size: 26px!important; line-height: 34px!important; left: 4%; bottom:12px; } .sub-banner>.sub-banner-font span{ font-size: 26px!important; } .product-list-box>a{ width: 100%; height: 345px; padding-top:30px; align-items: flex-start; margin-bottom:22px; } .product-list-box>a>img{ height: 80%; } .contact-us-box{ padding-top:50px; } .product-title{ font-size: 14px; margin-right: 10px; /*max-width: 45%;*/ /*white-space: pre-wrap;*/ margin-bottom:0; } .product-title span{ font-size: 12px; } .product-font-box{ left: 15px; right: 15px; bottom:15px } .subpage-nav>div:first-child,.subpage-nav-product>div:first-child{ font-size: 22px; } .subpage-nav{ flex-direction: column; margin-bottom:60px; margin-top:22px; } .subpage-nav>div:nth-child(2){ align-items: flex-start; margin-top:30px; line-height: 38px; } .subpage-nav a{ font-size: 20px; } .subpage-nav-product{ flex-direction: column; margin-bottom:60px; margin-top:22px; } .subpage-nav-product>div>a{ font-size: 20px; margin-top:20px; } .subpage-nav-product>div:nth-child(2){ flex-direction: column; } .content-box, .news-list-top-box, .news-show-box{ padding:20px; margin-bottom:80px; } .content-title-33{ font-size: 22px; margin-bottom:10px; } .shouhouCss{ font-size: 18px!important; line-height: initial!important; } #shouhou2 p{ font-size: 14px; line-height: 32px; } #shouhou2{ bottom:10px!important; } .shdh{ font-size: 14px!important; line-height: 28px!important; bottom:136px!important; right: auto!important; } .cptd li:before{ margin-top:11px; } .news-right>div:first-child{ font-size: 18px; white-space: normal; } .news-right>div:nth-child(2){ font-size: 14px; height: auto; } .news-list-box>a{ flex-direction: column; margin-bottom:26px; padding-bottom:36px; } .news-list-box>a>img{ width: 100%; height: calc((92vw - 40px) * 5 / 8); margin-right: 0; min-width: auto; margin-bottom:15px; } .news-right{ width: 100%; } .news-content-box img{ max-width: 100% !important; width: 80%!important; height: auto!important; display: block; margin-left: auto; margin-right: auto; } .between-article{ flex-direction: column; align-items: flex-start; margin-top:35px; } .between-article>div{ display: flex; flex-direction: column; align-items: flex-start; } .between-article>div:nth-child(2){ margin-left: 0; margin-top:15px; } .between-article a{ display: block; } .between-article>div:nth-child(1) span{ display: none; } .between-article>div:nth-child(1) a:before{ content:'涓婁竴绡?; display: block; color:#535353; } .develop-year-box{ font-size: 140px; justify-content: center; line-height: 126px; margin-bottom:-30px; } .develop-title{ font-size: 18px; width: 100%; } .develop-desc-box{ align-items: flex-start; padding-right: 0; } .develop-desc{ width: 100%; } .develop-desc{ font-size: 14px; } .development-box>div{ margin-bottom:80px; } .company-profile .company-img{ width: 92vw; height: 92vw; background-size: cover; background-position: center; margin-left: -4vw; } .company-profile-content{ font-size: 16px; line-height: 28px; margin-top:-50vw; margin-right: -4vw; margin-left: 4vw; margin-bottom: 60px; } .company-profile-content>div{ width: auto; height: auto; padding:30px; } .content-box, .content-box a, .content-box p{ font-size: 16px; line-height: 38px; word-break:break-word; } /*浼佷笟鑽h獕*/ .row-img{ flex-direction: column; align-items: flex-start; margin-bottom:120px; } .honor-img-box{ width: 100%; justify-content: space-between; padding-left: 40px; display: flex; box-sizing: border-box; } .honor-font{ font-size: 18px; /*line-height: 22px;*/ padding-left: 40px; line-height: 32px; margin-bottom:15px; } /*.width660{*/ /* width: 75%;*/ /*}*/ .blue-circle{ width: 12px; height: 12px; left: 6px; } .honor-img-box>img{ height: auto!important; max-height: 192px; width: auto!important; max-width: 80%!important; } #two_img>img{ height: 192px!important; } .honor-img-box>img:nth-child(2){ margin-left: 20px; } .honor-swiper-button{ display: none; } #more-honor{ font-size: 26px!important; margin-bottom:26px!important; } #more-honor-box{ padding-top:36px!important; } /*浼佷笟鑽h獕*/ .sub-banner-font2{ line-height: 34px!important; top:0; bottom:0; display: flex; align-items: center; justify-content: center; font-size: 25px!important; } .product-big-img{ /*width: 55%;*/ width: auto; height: 222px; margin-top:30px; } .outer-box{ margin-top:-100px; } .product-detail{ margin-top:32px!important; padding:30px; margin-bottom:60px; } .product-detail-title{ font-size: 22px; } .product-detail-title span{ font-size: 22px; } .yyly-title{ font-size: 18px; } .yyly-desc{ font-size: 14px; line-height: 26px; } .product-detail-desc{ flex-direction: column; } .product-detail-desc>div:first-child{ /*margin-right: 15px;*/ /*width: 55vw;*/ /*min-width: 25vw;*/ width: 100%; margin-bottom:20px; } .product-detail .cptd li:before{ margin-top:8px; } .blue-line{ margin:26px 0; } table.product-config .td-header>td{ font-size: 13px; height: 44px; width: auto!important; } .product-config td{ font-size: 12px; line-height: initial; height: 50px; width: auto!important; } .product-config{ word-break: break-all; } } /*鑷€傚簲缁撴潫*/