/* html::-webkit-scrollbar, body::-webkit-scrollbar { width: 0px !important; height: 0px; } html,body { -ms-overflow-style: none; } html,body { overflow: -moz-scrollbars-none; } */ html,body{ /* overflow-x: hidden; */ } #header .header-logo .part-logo{ height: 100%; fill: #fff; } #header .lu-select .form-select{ color: #ffffff; border: 1px solid #ffffff; background-image: ; } #header .langbox.shen .form-select{ color: #627dab; border: 1px solid #627dab; background-image: ; } .home #header .header-logo{ opacity: 0; } /* 首页共有 */ .se-title .title-en{ font-size: 48px; font-family: "gilroy_regular"; line-height: 1; } .se-title .title-ch{ font-size: 36px; font-family: 方正兰亭中黑; line-height: 1.5; } .sizeimg{ width: 100%; display: block; margin: 0px; } .section .sw-btn.swiper-button-disabled .qarrow_left_icon, .section .sw-btn.swiper-button-disabled .qarrow_right_icon{ stroke: rgba(177, 177, 177, .6); } /* 首页--视屏块 */ .section-video{ position: relative; /* background: no-repeat center top; background-size: 100% auto; */ width: 100%; height: 100vh; color: #fff; } .section-video .video-box{ /* position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; */ position: relative; width: 100%; height: 100%; } .section-video .video-box .video-item{ /* position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none; */ background: #000; } .section-video .video-box .video-item .bgel{ position: relative; display: block; width: 100%; height: 100%; } .section-video .video-box .video-item.swiper-slide-active .bgel{ /* opacity: 1; */ } .section-video .video-box .video-item .bgel .img{ position: absolute; display: block; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; left: 0px; top: 0px; } .section-video .video-box .video-item video{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; background: #0a0505; } .section-video .video-mask{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; background-image: url(/uploads/image/rtsai/video_mask.png); background-size: cover; background-position: center; background-repeat: no-repeat; } .section-video .video-mask-content{ position: relative; width: 1430px; margin: 0px auto; height: 100%; } .section-video .video-mask-content .video-word{ position: absolute; top: 35.8%; margin-top: 60px; } .section-video .video-logo{ position: absolute; top: 32%; left: calc((100% - 1430px) / 2); /* height: 30px; */ width: 89px; fill: #fff; z-index: 1; } /* .section-video .video-logo.ss{ top: 32%; } */ .section-video .video-titles{ position: relative; margin-top: 27px; color: #fff; } .section-video .video-title-item{ display: none; } .section-video .video-title-item.active{ } .section-video .video-mask-content .video-word .word-title{ font-size: 36px; font-family: 方正兰亭中黑; letter-spacing: 2px; } .section-video .video-mask-content .video-word .word-title-sub{ font-size: 21px; margin-top: 3px; letter-spacing: 1.1px; } .section-video .video-nav{ display: flex; width: 1430px; align-items: flex-end; position: absolute; left: calc((100% - 1430px) / 2); bottom: 7.4%; z-index: 1; } .section-video .video-nav .video-nav-item{ flex: 1; position: relative; padding-bottom: 15px; cursor: pointer; } .section-video .video-nav .video-nav-item:hover .nav-item{ transition: transform 1s; } .section-video .video-nav .video-nav-item:hover .nav-item{ color: #627da9; } .section-video .video-nav .video-nav-item .video-nav-item{ margin-left: 2%; } .section-video .video-nav .video-nav-item .prossbar{ position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background: rgba(255, 255, 255, .6); } .section-video .video-nav .video-nav-item .prossbar div{ position: absolute; bottom: 0px; left: 0px; width: 0px; height: 1px; background: #fff; } .section-video .video-nav .video-nav-item.active .prossbar div{ animation-name: toend; animation-fill-mode: forwards; animation-duration: 9s; animation-timing-function: linear; } @keyframes toend{ 0% { width: 0px; } 100% { width: 100%; } } @-webkit-keyframes toend{ 0% { width: 0px; } 100% { width: 100%; } } .section-video .video-mask-content .video-nav .video-nav-item .word-ch{ font-size: 16px; line-height: 1; } .section-video .video-mask-content .video-nav .video-nav-item .word-en{ font-size: 12px; } /* 8字图 */ .section-road{ position: relative; width: 100%; background: #000000; /* background: no-repeat center top; background-size: 100% auto; */ color: #fff; min-height: 100vh; height: 100vh; } .section-road .se-content{ position: relative; width: 1430px; /* height: 1058px; */ margin: 0px auto; /* padding-bottom: 4.1%; */ padding-top: 67px; /* padding-bottom: 10px; */ height: 100%; display: flex; flex-direction: column; } .section-road .se-title .title-en{ line-height: 0.95; } .section-road .se-title .title-ch{ margin-top: 6px; } .section-road .road-video{ position: relative; width: 90.9%; margin: 0px auto; height: 100%; flex: 1 } .section-road .road-video .road-video-el{ position: absolute; padding: 25.2759% 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } .section-road .road-video .road-video-el video{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .section-road .road-video.rvideo-bg{ position: absolute; width: 100%; height: 100%; overflow: hidden; } /* .section-road .road-video.rvideo-bg .road-video-el video{ object-fit: contain; } */ .section-road .road-list{ display: flex; color: #96aaca; justify-content: space-between; width: 88.4%; margin: -2% auto 0px; padding-bottom: 2%; } .section-road .road-list .item-value{ display: flex; align-items: flex-end; font-family: "gilroy_semibold"; /* background: rgba(255, 0, 0, 1); */ text-align: center; justify-content: center; } .section-road .road-list .num{ display: inline-block; font-size: 60px; line-height: 1; min-width: 67px; } .section-road .road-list .item:nth-child(3) .num{ min-width: 96px; } .section-road .road-list .item:nth-child(4) .num{ min-width: 112px; } .section-road .road-list .unit{ display: inline-block; font-size: 18px; line-height: 1; font-family: 方正兰亭黑; margin-left: .5em; padding-bottom: .4em; } .section-road .road-list .addicon{ font-size: 37.5px; font-family: "gilroy_regular"; line-height: 0.5; padding-bottom: .8em; display: inline-block; } .section-road .road-list .item-label{ font-size: 17.5px; color: #627dab; text-align: center; margin-top: 15px; min-width: 110px; } /* 产品 */ .section-pruduct{ position: relative; width: 100%; background: no-repeat center top; background-size: 100% auto; overflow: hidden; background: #000; } .section-pruduct .se-title .title-en{ line-height: 1; } .section-pruduct .se-title .title-ch{ margin-top: .2em; } .section-pruduct .poduct-slides{ position: relative; transform: scale(.744791); transform-origin: 50% 0; opacity: .3; } .section-pruduct, .section-pruduct .swiper-slide{ /* height: 1010px; */ height: 100vh; } .section-pruduct .swiper-slide{ position: relative; background: #000; background-position: center; background-size: cover; background-repeat: no-repeat; } .section-pruduct .se-title.slide-word-name{ position: absolute; top: 12%; } .section-pruduct .swiper-slide .slideimg, .section-pruduct .swiper-slide .slideimg img{ position: relative; display: block; width: 100%; height: 100%; padding: 0px; margin: 0px; object-fit: cover; object-position: center; } .section-pruduct .swiper-slide .wordbox{ position: absolute; bottom: 6.5%; width: 1430px; left: 50%; transform: translatex(-50%); display: flex; } .section-pruduct .swiper-slide .wordbox .word-name{ font-size: 21px; font-family: 方正兰亭中黑; white-space: nowrap; min-width: 260px; line-height: 1.1; } .section-pruduct .swiper-slide .wordbox .word-text{ font-size: 18px; } .section-pruduct .morebox{ margin-top: 15px; } .section-pruduct .morebox .more-btn{ display: flex; align-items: center; justify-content: center; clear: both; font-size: 18px; color: #627dab; border: 1px solid #627dab; border-radius: 4px; height: 42px; width: 140px; } .section-pruduct .morebox .more-btn .arrow_right_icon{ width: 7px; height: 14px; margin-left: 15px; transition: all .8s; } .section-pruduct .morebox .more-btn:hover, .section-pruduct .swiper-slide.gt .morebox:hover .more-btn, .section-pruduct .swiper-slide.gj .morebox:hover .more-btn{ color: #fff; background: #627dab; border-color: #627dab; } .section-pruduct .morebox .more-btn:hover .arrow_right_icon{ stroke: #fff; } .section-pruduct .swiper-slide.gt .morebox .more-btn, .section-pruduct .swiper-slide.gj .morebox .more-btn{ color: #fff; border-color: #fff; } .section-pruduct .swiper-slide.gt .morebox .more-btn .arrow_right_icon, .section-pruduct .swiper-slide.gj .morebox .more-btn .arrow_right_icon{ stroke: #fff; } .section-pruduct.cugt .sw-pagination{ color: #fff; } .section-pruduct.cugj .se-title{ color: #fff; } .section-pruduct .swiper-slide.gj .wordbox{ color: #fff; } .section-pruduct .swiper-slide.gj .wordbox .word-text{ color: #dfdedb; } .section-pruduct .se-title{ position: absolute; top: 115px; left: calc((100% - 1430px) / 2); z-index: 2; } .section-pruduct .se-title .title-ch{ line-height: 1.3; letter-spacing: 1.5px; } .section-pruduct .sw-btns{ position: absolute; bottom: 8.8%; right: calc((100% - 1430px) / 2 - 74px); z-index: 1; } .section-pruduct .sw-btns .sw-btn{ width: 41.75px; height: 41.75px; cursor: pointer; } .section-pruduct .sw-btns .qarrow_left_icon, .section-pruduct .sw-btns .qarrow_right_icon{ stroke:#fff; } .section-pruduct .sw-btns .qarrow_right_icon.disabled{ stroke: rgba(98, 125, 171, 0.6); } .section-pruduct .btns-box .sw-btn.swiper-button-disabled .qarrow_left_icon, .section-pruduct .btns-box .sw-btn.swiper-button-disabled .qarrow_right_icon{ stroke: rgba(177, 177, 177, .6); } .swiper-navigation .sw-btn:not(.swiper-button-disabled) .qarrow_left_icon:hover circle, .swiper-navigation .sw-btn:not(.swiper-button-disabled) .qarrow_right_icon:hover circle{ stroke: #627dab; } .section-pruduct .sw-pagination{ position: absolute; width: 30px; font-family: "gilroy_semibold"; font-size: 18px; color: #c2d3e9; text-align: right; right: calc((100% - 1430px) / 2 - 74px); left: auto; width: fit-content!important; bottom: auto; /* top: 28.8%; */ top: 40%; transform: translatey(-50%); z-index: 2; bottom: unset!important; left: unset!important; } .section-pruduct .sw-pagination .swiper-pagination-bullet{ display: block; background: transparent; margin: 0px; opacity: 1; border-radius: 0; width: auto; height: auto; transition: all .4s; } .section-pruduct .sw-pagination .swiper-pagination-bullet .swiper-pagination-bullet{ margin-top: 26px; } .section-pruduct .sw-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ font-size: 31px; } .section-pruduct .topagemask{ position: absolute; width: 100%; height: 0%; z-index: 1; left: 0px; bottom: 0px; background: linear-gradient(to top, #d9e1e6 50%, transparent); } /* 地图 */ .section-map{ background: #d8e0e5; background-image: url(/uploads/image/rtsai/map-bg.png); background-position: center; background-size: cover; height: 100vh; overflow-x: auto; } .section.section-map .se-con{ position: relative; padding: 0px; height: 100%; } .section-map .se-title{ position: relative; padding-top: 8%; z-index: 1; pointer-events: none; } .section-map .mapnavbox{ position: absolute; right: 3%; top: 0px; margin-top: 8%; z-index: 1; font-size: 21px; color: #666666; display: flex; pointer-events: none; align-items: center; padding-top: 2.5em; width: 100%; justify-content: flex-end; } .section-map .mapnavbox .mapnav-item{ pointer-events: all; cursor: pointer; margin-left: 2.8%; white-space: nowrap; } .section-map .mapnavbox .mapnav-item.active{ font-size: 30px; font-family: 方正兰亭中黑; color: #627da9 } .section-map .map-box{ position: absolute; top: 50%; transform: translate(0%, -50%); width: 100%; height: 91.26%; } .section-map .map-box .mapimg-box{ position: relative; height: 100%; opacity: 0; width: fit-content; pointer-events: none; transition: opacity 1s; } .section-map .mapimg-box.mapchina{ top: 50%; left: 53.1%; transform: translate(-50%, -50%); } .section-map .mapimg-box.mapworld{ left: 50%; transform: translate(-50%, -100%); } .section-map .map-box .mapimg-box.active{ opacity: 1; } .section-map .map-box .mapimg{ position: relative; display: block; height: 100%; padding: 0px; margin: 0px; } .section-map .map-box .map-points{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } .section-map .map-box .map-point-item{ position: absolute; font-size: 12px; overflow: show; } .section-map .map-box .mapimg-box.active .map-point-item{ pointer-events: all; } .section-map .map-box .map-point-item .icon{ position: relative; width: 25px; height: 25px; border-radius: 50%; transition: transform .5s; cursor: pointer; } .section-map .map-box .map-point-item .icon span{ position: absolute; display: block; width: 100%; height: 100%; transform: scale(1); background: rgba(150, 170, 202, 1); border-radius: 50%; opacity: 0.2; } .section-map .map-box .map-point-item .icon::before{ content: ''; position: absolute; display: block; width: 100%; height: 100%; transform: scale(0); background: rgba(150, 170, 202, 1); border-radius: 50%; animation-delay: 0.5s; } .section-map .map-box .map-point-item .icon::after{ content: ''; position: absolute; display: block; width: 100%; height: 100%; transform: scale(0.32); background: rgba(150, 170, 202, 1); border-radius: 50%; } @keyframes shuibowen { 0% { transform: scale(0.32); opacity: 0.7; } 100% { transform: scale(1); opacity: 0; } } .section-map .map-box .map-point-item .text{ white-space: nowrap; position: absolute; left: 50%; transform: translatex(-50%); margin-top: 2px; transition: margin-top .5s; cursor: pointer; } .section-map .map-box .map-point-item .icon span{ animation: shuibowen 1.5s linear infinite; } .section-map .map-box .map-point-item .icon::before{ animation: shuibowen 1.5s linear infinite; animation-delay: 0.5s; } .section-map .map-box .map-point-item .icon span{ animation: none; } .section-map .map-box .map-point-item.active .icon::before{ animation: none; animation-delay: 0.5s; } /* .section-map .map-box .map-point-item:nth-child(1){ right: 31.2%; bottom: 27%; } .section-map .map-box .map-point-item:nth-child(2){ right: 42.7%; bottom: 31.2%; } .section-map .map-box .map-point-item:nth-child(3){ right: 48.2%; bottom: 33.9%; } .section-map .map-box .map-point-item:nth-child(4){ right: 27.7%; bottom: 11.3%; } .section-map .map-box .map-point-item:nth-child(5){ right: 38%; bottom: 15.9%; } .section-map .map-box .map-point-item:nth-child(6){ right: 24.4%; bottom: 57.5%; } .section-map .map-box .map-point-item:nth-child(7){ right: 32.9%; bottom: 37.6%; } .section-map .map-box .map-point-item:nth-child(8){ right: 36.4%; bottom: 3.2%; } */ .section-map .map-box .map-wordbox{ position: absolute; top: 51.5%; left: 70.5%; pointer-events: none; display: none; } .section-map .map-box .mapline{ display: none; } .section-map .map-box .map-wordbox-in{ position: relative; background: rgba(148, 168, 200, 0.71); border-radius: 20px 3px 3px 0px; height: 172px; overflow: hidden; white-space: nowrap; vertical-align: top; display: flex; align-items: stretch; } .section-map .map-box .map-wordbox .map-word-left{ background:rgba(98, 125, 171, 0.58); color: #fff; display: flex; align-items: center; flex-direction: column; justify-content: center; flex-shrink: 0; padding: 0px 15px; font-family: 方正兰亭中黑; font-size: 21px; width: fit-content; } .section-map .map-box .map-wordbox .map-word-left .map-logo{ width: 51px; margin-bottom: 0px; } .section-map .map-box .map-wordbox .map-word-left .map-logo svg{ fill: #fff; } .section-map .map-box .map-wordbox .map-word-right{ position: relative; color: #fff; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0px 25px; white-space: nowrap; } .section-map .map-box .map-wordbox .map-word-right .map-word-en{ font-family: "gilroy_semibold"; font-size: 18px; } .section-map .map-box .map-wordbox .map-word-right .map-word-ch{ line-height: 1.1; letter-spacing: .3px; font-size: 18px; } .section-map .map-word-morebtn{ margin-top: 15px; } .section-map .map-word-morebtn .more-btn{ display: flex; align-items: center; justify-content: center; clear: both; font-size: 15px; color: #fff; border: 1px solid #fff; border-radius: 4px; padding: .25em .9em; width: fit-content; pointer-events: all; } .section-map .map-word-morebtn .more-btn .arrow_right_icon{ width: auto; height: .9em; margin-left: .9em; margin-top: -.05em; stroke: #fff; flex-shrink: 0; } .section-map .map-word-morebtn .more-btn:hover{ color: #fff; background: #627dab; border-color: #627dab; } .section-map .map-word-morebtn .more-btn:hover .arrow_right_icon{ stroke: #fff; } /* 案例 */ .section-case{ position: relative; width: 100%; /* height: 1058px; */ /* background: no-repeat center top; background-size: 100% auto; */ color: #0a0505; height: 100vh; display: flex; flex-direction: column; justify-content: center; } .section-case .se-con{ padding: 3.5% 0px; } .section-case .se-title{ position: relative; margin: 0px auto; width: 1430px; /* padding-top: 99px; */ } .section-case .btns-box{ position: absolute; right: 0px; bottom: -6px; justify-content: right; } .section-case .swiper-wrapper{ padding: 1.5% 0px 0px; -webkit-transition-timing-function: linear; /*之前是ease-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .section-case .case-slides{ margin-top: 25px; } .section-case .swiper-slide{ /* width: 470px; */ width: 25%; } .section-case .swiper-slide .swiper-slide{ margin-left: 3%; } .section-case .swiper-slide .imgbox{ position: relative; /* height: 300px; */ /* width: 100%; */ padding: 31.84% 50%; border-radius: 16px; transition: transform .4s; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; } .section-case .swiper-slide:hover .imgbox{ transform: scale(1.13, 1.08); } .section-case .swiper-slide:hover .imgmask{ opacity: 1; } .section-case .swiper-slide .imgmask{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; opacity: 0; transition: opacity 1s; } .section-case .swiper-slide .imgbox .imgmask .en{ display: inline-block; margin-left: 10px; } .section-case .swiper-slide .wordbox{ margin-top: 35px; } .section-case .swiper-slide .wordbox .bar{ position: relative; width: 159px; height: 2px; background: #c2d3e9; border-radius: 2px; } .section-case .swiper-slide .wordbox .bar::before{ content: ''; position: absolute; left: 0px; top: 0px; width: 0; height: 2px; border-radius: 2px; background: #627dab; transition: width .5s; } .section-case .swiper-slide:hover .wordbox .bar::before{ width: 100%; } .section-case .swiper-slide .wordbox .wordcon{ margin-top: 4%; /* padding-right: 23px; */ } .section-case .swiper-slide .wordbox .wordcon .word-title{ font-size: 20px; color: #000000; font-family: 方正兰亭中黑; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .section-case .swiper-slide .wordbox .wordcon .word-content{ font-size: 14px; color: #727171; font-family: 方正兰亭黑; margin-top: 5%; line-height: 2; letter-spacing: .12px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .section-case .swiper-slide .wordbox .morebox{ position: relative; margin-top: 8.5%; /* padding-right: 23px; */ } .section-case .swiper-slide .wordbox .morebox::after{ clear: both; content: ''; display: inline-block; } .section-case .swiper-slide .wordbox .morebox .more-btn{ float: right; display: flex; align-items: center; clear: both; font-size: 12px; color: #627dab; border: 1px solid #627dab; border-radius: 4px; padding: 3px 13px; } .section-case .swiper-slide .wordbox .morebox .more-btn .arrow_right_icon{ width: 6px; height: 12px; margin-left: 3px; } .section-case .swiper-slide .wordbox .morebox .more-btn:hover{ color: #fff; background: #627dab; border-color: #627dab; } .section-case .swiper-slide .wordbox .morebox .more-btn:hover .arrow_right_icon{ stroke: #fff; } /* 新闻 */ .section-news{ position: relative; width: 100%; /* background: no-repeat center top; background-size: 100% auto; */ color: #0a0505; height: 100vh; display: flex; flex-direction: column; justify-content: center; /* background: red; */ } .section.section-news .se-con{ padding: 0px 0px; } .section-news .se-title{ position: relative; margin: 0px auto; width: 1430px; /* padding-top: 91px; */ } .section-news .se-list-box{ display: flex; margin-left: calc((100% - 1430px) / 2); color: #fff; margin-top: 47px; align-items: stretch; height: 350px; } .section-news .se-list-box .se-list-logo{ position: relative; border-radius: 10px; border: 1px solid #627dab; /* height: 398px; */ width: 200px; width: 11.94%; flex-shrink: 0; display: flex; align-items: center; } .section-news .se-list-box .se-list-logo .se-list-logo-el{ padding: 31.75% 46.5%; background-image: url(/uploads/image/rtsai/news_logo.svg); background-repeat: no-repeat; background-size: contain; background-position: center; margin-top: 10px; margin-left: -5px; } .section-news .se-list-box .se-list-logo::after{ position: absolute; content: ''; width: 27%; height: 1px; background: #627dab; top: 50%; right: 0px; } .section-news .se-list-box .se-list{ display: flex; flex: 1; overflow: hidden; margin-left: -3%; align-items: stretch; } .section-news .se-list-box .se-list .se-list-item{ position: relative; width: calc((100% - 430px) / 4); width: 17.7125%; flex-shrink: 0; /* height: 398px; */ border-radius: 10px; padding: 31px 40px 31px 30px; padding: 2.1% 2.712% 2.1% 2.03%; cursor: pointer; transition: all .4s; overflow: hidden; } .section-news .se-list-box .se-list .se-list-item .se-list-item{ margin-left: -5%; } .section-news .se-list-box .se-list .se-list-item.active{ width: 430px; width: 29.15%; flex-shrink: 0; padding: 18px 40px 31px 41px; padding: 1.22% 2.712% 2.1% 2.78%; } .section-news .se-list-box .se-list .se-list-item:nth-child(1){ background: #666666; } .section-news .se-list-box .se-list .se-list-item:nth-child(2){ background: #0b090c; } .section-news .se-list-box .se-list .se-list-item:nth-child(3){ background: #627dab; } .section-news .se-list-box .se-list .se-list-item:nth-child(4){ background: #96aaca; } .section-news .se-list-box .se-list .se-list-item:nth-child(5){ background: #c2d3e9; } .section-news .se-list-box .sli-index{ font-size: 48px; font-family: "gilroy_semibold"; } .section-news .se-list-box .sli-title{ font-size: 18px; font-family: 方正兰亭中黑; margin-top: 0.67vw; line-height: 1.6; max-height: 3.2em; overflow: hidden; } .section-news .se-list-box .sli-title::after{ } .section-news .se-list-box .sli-content{ font-size: 14px; opacity: 0; margin-top: 1.3vw; line-height: 1.7; letter-spacing: .4px; transition: all .5s; transition-delay: 0.3s; width: 349px; transform: scale(.5); transform-origin: center; max-height: 6.8em; overflow: hidden; } .section-news .se-list-box .se-list .se-list-item.active .sli-content{ opacity: 1; transform: scale(1); transform-origin: 0 100%; transition-delay: 0s; } .section-news .se-list-box .sli-time{ font-size: 12px; position: absolute; bottom: 24.5px; letter-spacing: 1.1px; } .section-news .morebox{ position: relative; margin: 0px auto; margin-top: 60px; width: 1430px; display: flex; justify-content: flex-end; } .section-news .morebox .more-btn{ display: flex; align-items: center; justify-content: center; clear: both; font-size: 18px; color: #627dab; border: 1px solid #627dab; border-radius: 4px; height: 42px; width: 140px; /* margin-bottom: 9.58%; */ } .section-news .morebox .more-btn .arrow_right_icon{ width: 7px; height: 14px; margin-left: 15px; } .section-news .morebox .more-btn:hover{ color: #fff; background: #627dab; border-color: #627dab; } .section-news .morebox .more-btn:hover .arrow_right_icon{ stroke: #fff; } .section-news .se-list{ display: flex; position: relative; margin: 1.5% auto 0px; flex-wrap: wrap; justify-content: space-between; } .section-news .se-list .se-list-item{ position: relative; display: flex; width: 49.4%; color: #999999; font-size: 14px; border: 1px solid #999999; border-radius: 15px; padding: 2%; } .section-news .se-list .item-img-box{ flex-shrink: 0; position: relative; border-radius: 9px; overflow: hidden; width: 325px; height: 400px; margin-right: 6.5%; } .section-news .se-list .item-img-box .seimg{ width: 100%; height: 100%; } .section-news .se-list .item-img-box img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } .section-news .se-list .se-list-item .item-centent-box{ position: relative; } .section-news .se-list .item-time{ position: relative; font-size: 12px; color: #95a9c9; font-family: 方正兰亭黑; margin-bottom: 20%; } .section-news .se-list .item-title{ font-size: 21px; color: #000000; font-family: 方正兰亭中黑; line-height: 1.3; text-align: justify; max-height: 2.6em; overflow: hidden; cursor: pointer; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow:ellipsis; } .section-news .se-list .se-list-item .item-intr{ font-family: 方正兰亭黑; margin-top: 13.5%; text-align: justify; line-height: 1.7; max-height: 10.2em; overflow: hidden; -webkit-line-clamp: 6; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; } .section-news .item-btn{ position: absolute; width: 100%; bottom: -1%; right: 0px; display: flex; justify-content: flex-end; } .section-news .btn-getdetail{ display: flex; font-size: 16px; color: #627daa; border: 1px solid #627daa; border-radius: 4px; padding: 3.2% 7%; line-height: 1; align-items: center; width: fit-content; cursor: pointer; } .section-news .btn-getdetail:hover{ color: #fff; background: #627daa; } .section-news .btn-getdetail:hover .arrow_right_icon{ stroke: #fff; } .section-news .btn-getdetail .arrow_right_icon{ height: .8em; margin-left: .8em; } @media screen and (min-width: 1921px){ .se-title .title-en{ font-size: 2.5vw; } .se-title .title-ch{ font-size: 1.9vw; } /* 首页--视屏块 */ .section-video .video-mask-content{ width: 74.5vw; } .section-video .video-mask-content .video-word{ top: 35.8%; margin-top: 3.125vw; } .section-video .video-logo{ width: 4.64vw; left: calc((100% - 74.5vw) / 2); } .section-video .video-titles{ margin-top: 1.4vw; } .section-video .video-mask-content .video-word .word-title{ font-size: 1.9vw; letter-spacing: 0.1vw; } .section-video .video-mask-content .video-word .word-title-sub{ font-size: 1.1vw; margin-top: 0.156vw; letter-spacing: 0.05vw; } .section-video .video-nav{ left: calc((100% - 74.5vw) / 2); width: 74.5vw; } .section-video .video-nav .video-nav-item{ padding-bottom: 0.78vw; } .section-video .video-nav .video-nav-item .prossbar{ height: 0.05vw; } .section-video .video-nav .video-nav-item .prossbar div{ height: 0.05vw; } .section-video .video-nav .video-nav-item .word-ch{ font-size: 0.83vw; } .section-video .video-nav .video-nav-item .word-en{ font-size: 0.625vw; } /* 8字图 */ .section-road .se-content{ width: 74.5vw; padding-top: 3.49vw; /* padding-bottom: 5.1vw; */ } .section-road .se-title .title-ch{ margin-top: 0.3vw; } .section-road .road-list .num{ font-size: 3.125vw; min-width: 3.5vw; } .section-road .road-list .item:nth-child(3) .num{ min-width: 5vw; } .section-road .road-list .item:nth-child(4) .num{ min-width: 5.84vw; } .section-road .road-list .unit{ font-size: 0.94vw; margin-left: 0.2vw; } .section-road .road-list .addicon{ font-size: 1.95vw; } .section-road .road-list .item-label{ font-size: 0.9vw; margin-top: 0.79vw; min-width: 5.7vw; } /* 产品 */ .section-pruduct, .section-pruduct .swiper-slide{ /* height: 52.6041vw; */ } .section-pruduct .swiper-slide .wordbox{ width: 74.5vw; } .section-pruduct .swiper-slide .wordbox .word-name{ font-size: 1.1vw; min-width: 13.5vw; } .section-pruduct .swiper-slide .wordbox .word-text{ font-size: 0.9vw; } .section-pruduct .morebox{ margin-top: 0.8vw; } .section-pruduct .morebox .more-btn{ font-size: 0.94vw; border-radius: 0.2vw; height: 2.2vw; width: 7.2vw; } .section-pruduct .morebox .more-btn .arrow_right_icon{ width: 0.37vw; height: 0.73vw; margin-left: 0.78vw; } .section-pruduct .se-title{ top: 5.99vw; left: calc((100% - 74.5vw) / 2); } .section-pruduct .se-title .title-ch{ letter-spacing: 0.078vw; } .section-pruduct .sw-btns{ right: calc((100% - 74.5vw) / 2 - 3.85vw); } .section-pruduct .sw-btns .sw-btn{ width: 2.17vw; height: 2.17vw; } .section-pruduct .sw-btns .sw-btn .sw-btn{ margin-left: 6.3vw; } .section-pruduct .sw-pagination{ width: 1.56vw!important; font-size: 0.94vw; right: calc((100% - 74.5vw) / 2 - 3.85vw); } .section-pruduct .sw-pagination .swiper-pagination-bullet .swiper-pagination-bullet{ margin-top: 1.35vw; } .section-pruduct .sw-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ font-size: 1.6vw; } /* 地图 */ .section-map .mapnavbox{ font-size: 1.1vw; } .section-map .mapnavbox .mapnav-item.active{ font-size: 1.6vw; } .section-map .map-box .map-point-item{ font-size: 0.6vw; } .section-map .map-box .map-point-item .icon{ width: 1.3vw; height: 1.3vw; } .section-map .map-box .map-wordbox-in{ height: 9vw; border-radius: 1vw 0.2vw 0.2vw 0vw; } .section-map .map-box .map-wordbox .map-word-left{ padding: 0vw 0.8vw; font-size: 1.1vw; } .section-map .map-box .map-wordbox .map-word-left .map-logo{ width: 2.7vw; } .section-map .map-box .map-wordbox .map-word-right{ padding: 0vw 1.3vw; } .section-map .map-box .map-wordbox .map-word-right .map-word-en{ font-size: 0.9vw; } .section-map .map-box .map-wordbox .map-word-right .map-word-ch{ letter-spacing: 0vw; font-size: 0.9vw; } .section-map .map-word-morebtn{ margin-top: 0.8vw; } .section-map .map-word-morebtn .more-btn{ font-size: 0.8vw; border-radius: 0.2vw; } /* 案例 */ .section-case .se-title{ width: 74.5vw; /* padding-top: 5.16vw; */ } .section-case .btns-box{ bottom: -0.3125vw; } .section-case .swiper-wrapper{ /* padding: 1.5625vw 0px; */ } .section-case .case-slides{ margin-top: 1.3vw; } .section-case .swiper-slide{ /* width:24.5vw; */ } .section-case .swiper-slide .swiper-slide{ /* margin-left: 3.125vw; */ } .section-case .swiper-slide .imgbox{ /* height: 15.6vw; */ border-radius: 0.83vw; } .section-case .swiper-slide .imgmask{ font-size: 0.94vw; } .section-case .swiper-slide .wordbox{ margin-top: 1.8vw; } .section-case .swiper-slide .wordbox .bar{ width: 8.28vw; height: 0.1vw; border-radius: 0.1vw; } .section-case .swiper-slide .wordbox .bar::before{ width: 2.24vw; height: 0.1vw; border-radius: 0.1vw; } .section-case .swiper-slide .wordbox .wordcon{ /* margin-top: 1vw; padding-right: 1.198vw; */ } .section-case .swiper-slide .wordbox .wordcon .word-title{ font-size: 1vw; } .section-case .swiper-slide .wordbox .wordcon .word-content{ font-size: 0.729vw; /* margin-top: 1.25vw; */ letter-spacing: 0.006vw; } .section-case .swiper-slide .wordbox .morebox{ /* margin-top: 2.1vw; padding-right: 1.2vw; */ } .section-case .swiper-slide .wordbox .morebox .more-btn{ font-size: 0.625vw; border-radius: 0.2vw; padding: 0.156vw 0.677vw; } .section-case .swiper-slide .wordbox .morebox .more-btn .arrow_right_icon{ width: 0.31vw; height: 0.625vw; margin-left: 0.157vw; } /* 新闻 */ .section-news .se-title{ width: 74.5vw; /* padding-top: 4.74vw; */ } .section-news .se-list-box{ margin-left: calc((100% - 74.5vw) / 2); margin-top: 2.45vw; height: 18.2vw; } .section-news .se-list-box .se-list-logo{ border-radius: 0.5vw; /* height: 20.7vw; */ width: 10.4vw; } .section-news .se-list-box .se-list-logo .se-list-logo-el{ margin-top: 0.52vw; margin-left: -0.26vw; } .section-news .se-list-box .se-list .se-list-item{ width: calc((100% - 22.395833vw) / 4); /* height: 20.7291667vw; */ border-radius: 0.52vw; } .section-news .se-list-box .se-list .se-list-item.active{ width: 22.395833vw; } .section-news .se-list-box .sli-index{ font-size: 2.5vw; } .section-news .se-list-box .sli-title{ font-size: 0.94vw; } .section-news .se-list-box .sli-content{ font-size: 0.73vw; letter-spacing: 0.021vw; width: 18.2vw; } .section-news .se-list-box .sli-time{ font-size: 0.625vw; bottom: 1.276vw; letter-spacing: 0.06vw; } .section-news .morebox{ margin-top: 3.125vw; width: 74.5vw; } .section-news .morebox .more-btn{ font-size: 0.9375vw; border-radius: 0.2vw; height: 2.2vw; width: 7.29vw; } .section-news .morebox .more-btn .arrow_right_icon{ width: 0.365vw; height: 0.73vw; margin-left: 0.78vw; } .section-news .se-list .se-list-item{ font-size: 0.73vw; border-radius: 0.78vw; } .section-news .se-list .item-img-box{ border-radius: 0.47vw; width: 16.93vw; height: 20.83vw; } .section-news .se-list .item-time{ font-size: 0.63vw; } .section-news .se-list .item-title{ font-size: 1.09vw; } .section-news .btn-getdetail{ font-size: 0.83vw; border-radius: 0.21vw; } } @media screen and (max-width: 1640px){ .se-title .title-en{ font-size: 41px; } .se-title .title-ch{ font-size: 30.8px; } /* 视屏 */ .section-video .video-box{ /* display: none; */ } .section-video .video-mask-content{ width: 1220px; } .section-video .video-nav{ width: 1220px; left: calc((100% - 1220px) / 2); } .section-video .video-nav .video-nav-item .word-ch{ font-size: 13.7px; } .section-video .video-nav .video-nav-item{ padding-bottom: 10px; } .section-video .video-logo{ width: 76px; left: calc((100% - 1220px) / 2); } .section-video .video-mask-content .video-word .word-title{ font-size: 30.8px; } .section-video .video-mask-content .video-word .word-title-sub{ font-size: 17.9px; } /* 8字图 */ .section-road .se-content{ width: 1220px; padding-top: 57.229px; /* padding-bottom: 83.7px; */ } .section-road .road-list .num{ font-size: 51.3px; min-width: 57.3px; } .section-road .road-list .item:nth-child(3) .num{ min-width: 82px; } .section-road .road-list .item:nth-child(4) .num{ min-width: 95.7px; } .section-road .road-list .unit{ font-size: 15.4px; } .section-road .road-list .item-label{ font-size: 15px; min-width: 94px; margin-top: 12.3px; } .section-road .road-list .addicon{ font-size: 32px; } /* 产品 */ .section-pruduct, .section-pruduct .swiper-slide{ /* height: 861.9px; */ } .section-pruduct .swiper-slide .wordbox{ width: 1220px; } .section-pruduct .swiper-slide .wordbox .word-name{ font-size: 17.9px; min-width: 223px; } .section-pruduct .swiper-slide .wordbox .word-text{ font-size: 15.4px; } .section-pruduct .se-title{ top: 98px; left: calc((100% - 1220px) / 2); } .section-pruduct .sw-pagination{ right: calc((100% - 1220px) / 2 - 63px); font-size: 15.4px; } .section-pruduct .sw-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ font-size: 26.5px; } .section-pruduct .morebox .more-btn{ font-size: 15.4px; width: 120px; height: 35.9px; } .section-pruduct .sw-pagination .swiper-pagination-bullet .swiper-pagination-bullet{ margin-top: 22px; } .section-pruduct .sw-btns{ right: calc((100% - 1220px) / 2 - 63px); } .section-pruduct .sw-btns .sw-btn{ width: 35.7px; height: 35.7px; } .section-pruduct .sw-btns .sw-btn .sw-btn{ margin-left: 103px; } /* 地图 */ .section-map .mapnavbox{ font-size: 18px; } .section-map .mapnavbox .mapnav-item.active{ font-size: 25.6px; } .section-map .map-box .map-point-item{ font-size: 12px; } .section-map .map-box .map-point-item .icon{ width: 21px; height: 21px; } .section-map .map-box .map-wordbox-in{ height: 147px; border-radius: 17px 2.6px 2.6px 0px; } .section-map .map-box .map-wordbox .map-word-left{ padding: 0px 13px; font-size: 18px; } .section-map .map-box .map-wordbox .map-word-left .map-logo{ width: 43.6px; } .section-map .map-box .map-wordbox .map-word-right{ padding: 0px 21px; } .section-map .map-box .map-wordbox .map-word-right .map-word-en{ font-size: 15px; } .section-map .map-box .map-wordbox .map-word-right .map-word-ch{ font-size: 15px; } .section-map .map-word-morebtn{ margin-top: 13px; } .section-map .map-word-morebtn .more-btn{ font-size: 13px; border-radius: 3.4px; } /* 案例 */ .section-case{ /* padding-bottom: 42.7px; */ } .section-case .se-title{ width: 1220px; /* padding-top: 84.6px; */ } .section-case .case-slides{ margin-top: 20px; } .section-case .swiper-wrapper{ /* padding: 25.6px 0px; */ } .section-case .swiper-slide{ /* width: 401px; */ } .section-case .swiper-slide .swiper-slide{ /* margin-left: 51.25px; */ } .section-case .swiper-slide .imgbox{ /* height: 256px; */ } .section-case .swiper-slide .wordbox{ margin-top: 30px; } .section-case .swiper-slide .wordbox .bar{ width: 135.8px; } .section-case .swiper-slide .wordbox .wordcon{ /* margin-top: 17px; padding-right: 19px; */ } .section-case .swiper-slide .wordbox .wordcon .word-title{ font-size: 17px; } .section-case .swiper-slide .wordbox .wordcon .word-content{ font-size: 12px; /* margin-top: 20.5px; */ letter-spacing: .1px } .section-case .swiper-slide .wordbox .morebox{ /* margin-top: 34.2px; padding-right: 19px; */ } .section-case .swiper-button-lock{ display: block; } .section-case .swiper-slide .imgmask{ font-size: 15.4px; } /* 新闻 */ .section-news{ /* height: 793.5px; */ /* padding-bottom: 42.7px; */ } .section-news .se-title{ width: 1220px; /* padding-top: 77.7px; */ } .section-news .se-list-box{ margin-top: 40.1px; margin-left: calc((100% - 1220px) / 2); height: 300px; } .section-news .se-list-box .se-list-logo{ /* height: 340px; */ } .section-news .se-list-box .se-list-logo .se-list-logo-el{ width: 141.8px; height: 108.5px; } .section-news .se-list-box .se-list .se-list-item{ /* height: 340px; */ } .section-news .se-list-box .sli-index{ font-size: 41px; } .section-news .se-list-box .sli-content{ font-size: 12px; /* margin-top: 27.3px; */ width: 100%; } .section-news .se-list-box .sli-title{ font-size: 15.4px; } .section-news .se-list-box .sli-time{ bottom: 6.156% } .section-news .morebox{ margin-top: 51.3px; width: 1220px; } .section-news .morebox .more-btn{ font-size: 15.4px; height: 35.9px; width: 120px; } .section-news .se-list .se-list-item{ font-size: 14px; border-radius: 13px; } .section-news .se-list .item-img-box{ border-radius: 8px; width: 277.6px; height: 341.7px; } .section-news .se-list .item-title{ font-size: 18px; } .section-news .se-list .item-time{ margin-bottom: 15%; } .section-news .btn-getdetail{ font-size: 13.7px; } } @media screen and (min-width: 769px) and (max-height: 750px){ .section-case .swiper-slide{ width: 24%; } .section-case .swiper-slide .wordbox .morebox{ position: relative; margin-top: 4.5%; } .section-news .se-list-box{ height: 270px; } .section-pruduct .swiper-slide .wordbox{ bottom: 4.2%; } } @media screen and (min-width: 769px) and (max-height: 600px){ .section-case .swiper-slide{ width: 23%; } .section-case .swiper-slide .wordbox .morebox{ position: relative; margin-top: 3.5%; } } @media screen and (max-width: 1390px){ .se-title .title-en{ font-size: 35px; } .se-title .title-ch{ font-size: 26.1px; } /* 视屏 */ .section-video .video-mask-content{ width: 1034px; } .section-video .video-mask-content .video-word .word-title{ font-size: 26.1px; } .section-video .video-mask-content .video-word .word-title-sub{ font-size: 15.2px; } .section-video .video-logo{ left: calc((100% - 1034px) / 2); } .section-video .video-nav{ left: calc((100% - 1034px) / 2); width: 1034px; } /* 8字图 */ .section-road .se-content{ width: 1034px; padding-top: 48.5px; /* padding-bottom: 70.948px; */ } .section-road .road-list .num{ font-size: 43.5px; min-width: 57.3px; } .section-road .road-list .item:nth-child(3) .num{ min-width: 69.5px; } .section-road .road-list .item:nth-child(4) .num{ min-width: 81.1px; } .section-road .road-list .unit{ font-size: 13px; } .section-road .road-list .item-label{ font-size: 12.7px; min-width: 80px; margin-top: 10.4px; } .section-road .road-list .addicon{ font-size: 27.1px; } /* 产品 */ .section-pruduct, .section-pruduct .swiper-slide{ /* height: 730.5px; */ } .section-pruduct .swiper-slide .wordbox{ width: 1034px; } .section-pruduct .swiper-slide .wordbox .word-name{ font-size: 15.2px; min-width: 190px; } .section-pruduct .swiper-slide .wordbox .word-text{ font-size: 13.1px; } .section-pruduct .se-title{ top: 83px; left: calc((100% - 1034px) / 2); } .section-pruduct .sw-pagination{ right: calc((100% - 1034px) / 2 - 54px); font-size: 13.1px; } .section-pruduct .sw-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ font-size: 22.5px; } .section-pruduct .morebox .more-btn{ font-size: 13.1px; width: 102px; height: 30.4px; } .section-pruduct .sw-pagination .swiper-pagination-bullet .swiper-pagination-bullet{ margin-top: 18.6px; } .section-pruduct .sw-btns{ right: calc((100% - 1034px) / 2 - 54px); } .section-pruduct .sw-btns .sw-btn{ width: 30.3px; height: 30.3px; } .section-pruduct .sw-btns .sw-btn .sw-btn{ margin-left: 87.3px; } /* 地图 */ .section-map .mapnavbox{ font-size: 15.2px; } .section-map .mapnavbox .mapnav-item.active{ font-size: 22px; } .section-map .map-box .map-point-item{ font-size: 12px; } .section-map .map-box .map-point-item .icon{ width: 20px; height: 20px; } .section-map .map-box .map-wordbox-in{ height: 125px; border-radius: 14.5px 2px 2px 0px; } .section-map .map-box .map-wordbox .map-word-left{ padding: 0px 11px; font-size: 15px; } .section-map .map-box .map-wordbox .map-word-left .map-logo{ width: 37px; } .section-map .map-box .map-wordbox .map-word-right{ padding: 0px 18px; } .section-map .map-box .map-wordbox .map-word-right .map-word-en{ font-size: 13px; } .section-map .map-box .map-wordbox .map-word-right .map-word-ch{ letter-spacing: .3px; font-size: 13px; } .section-map .map-word-morebtn{ margin-top: 11px; } .section-map .map-word-morebtn .more-btn{ font-size: 12px; border-radius: 3px; zoom: 0.9 } /* 案例 */ .section-case{ /* padding-bottom: 42.7px; */ } .section-case .se-title{ width: 1034px; /* padding-top: 71.7px; */ } .section-case .case-slides{ margin-top: 18px; } .section-case .swiper-wrapper{ /* padding: 21.7px 0px; */ } .section-case .swiper-slide{ /* width: 340px; */ } .section-case .swiper-slide .swiper-slide{ /* margin-left: 43.4px; */ } .section-case .swiper-slide .imgbox{ /* height: 217px; */ } .section-case .swiper-slide .imgmask{ font-size: 13px; } .section-case .swiper-slide .wordbox{ margin-top: 25px; } .section-case .swiper-slide .wordbox .bar{ width: 115.1px; } .section-case .swiper-slide .wordbox .wordcon{ /* margin-top: 15px; padding-right: 16.1px; */ } .section-case .swiper-slide .wordbox .wordcon .word-title{ font-size: 14.4px; } .section-case .swiper-slide .wordbox .wordcon .word-content{ font-size: 12px; /* margin-top: 17.4px; */ } .section-case .swiper-slide .wordbox .morebox{ /* margin-top: 29px; padding-right: 16.1px; */ } /* 新闻 */ .section-news{ /* height: 672.5px; */ /* padding-bottom: 36.2px; */ } .section-news .se-title{ width: 1034px; /* padding-top: 65.9px; */ } .section-news .se-list-box{ margin-top: 34px; margin-left: calc((100% - 1034px) / 2); } .section-news .se-list-box .se-list-logo{ /* height: 288.2px; */ } .section-news .se-list-box .se-list-logo .se-list-logo-el{ width: 120.2px; height: 92px; } .section-news .se-list-box .se-list .se-list-item{ /* height: 288.2px; */ } .section-news .se-list-box .sli-index{ font-size: 34.8px; } .section-news .se-list-box .sli-content{ /* margin-top: 23.1px; */ } .section-news .se-list-box .sli-title{ font-size: 13px; } .section-news .morebox{ margin-top: 43.5px; width: 1034px; } .section-news .morebox .more-btn{ font-size: 13px; height: 30.4px; width: 101.7px; } .section-news .se-list .se-list-item{ font-size: 12px; border-radius: 11px; } .section-news .se-list .item-img-box{ border-radius: 7px; width: 193px; height: 237.5px; } .section-news .se-list .item-title{ font-size: 15.3px; } .section-news .se-list .item-time{ margin-bottom: 10%; } .section-news .se-list .se-list-item .item-intr{ margin-top: 7%; max-height: 6.8em; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; } .section-news .btn-getdetail{ font-size: 12px; } } @media screen and (max-width: 1200px){ .se-title .title-en{ font-size: 30px; } .se-title .title-ch{ font-size: 22.5px; } /* 视屏 */ .section-video .video-mask-content{ width: 895px; } .section-video .video-mask-content .video-word .word-title{ font-size: 22.5px; } .section-video .video-mask-content .video-word .word-title-sub{ font-size: 13.1px; } .section-video .video-logo{ left: calc((100% - 895px) / 2); } .section-video .video-nav{ left: calc((100% - 895px) / 2); width: 895px; } /* 8字图 */ .section-road .se-content{ width: 895px; padding-top: 41.875px; /* padding-bottom: 61.25px; */ } .section-road .road-list .num{ font-size: 37.6px; min-width: 50px; } .section-road .road-list .item:nth-child(3) .num{ min-width: 61px; } .section-road .road-list .item:nth-child(4) .num{ min-width: 71px; } .section-road .road-list .unit{ font-size: 12px; } .section-road .road-list .item-label{ font-size: 12px; min-width: 80px; margin-top: 9px; } .section-road .road-list .addicon{ font-size: 23.4px; } /* 产品 */ .section-pruduct, .section-pruduct .swiper-slide{ /* height: 630.6px; */ } .section-pruduct .swiper-slide .wordbox{ width: 895px; } .section-pruduct .swiper-slide .wordbox .word-name{ font-size: 13.1px; min-width: 164px; } .section-pruduct .swiper-slide .wordbox .word-text{ font-size: 12px; line-height: 1.3; } .section-pruduct .se-title{ top: 71.7px; left: calc((100% - 895px) / 2); } .section-pruduct .sw-pagination{ right: calc((100% - 895px) / 2 - 45px); font-size: 13.1px; } .section-pruduct .sw-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ font-size: 19.4px; } .section-pruduct .morebox .more-btn{ font-size: 12px; width: 88px; height: 26.2px; } .section-pruduct .morebox{ margin-top: 10px; } .section-pruduct .sw-pagination .swiper-pagination-bullet .swiper-pagination-bullet{ margin-top: 13px; } .section-pruduct .sw-btns{ right: calc((100% - 895px) / 2 - 45px); } .section-pruduct .sw-btns .sw-btn{ width: 26.2px; height: 26.2px; } .section-pruduct .sw-btns .sw-btn .sw-btn{ margin-left: 75.4px; } /* 地图 */ .section-map .mapnavbox{ font-size: 13px; } .section-map .mapnavbox .mapnav-item.active{ font-size: 19px; } .section-map .map-box .map-point-item{ font-size: 12px; } .section-map .map-box .map-point-item .icon{ width: 20px; height: 20px; } .section-map .map-box .map-wordbox-in{ height: 107.5px; border-radius: 12.5px 1.875px 1.875px 0px; } .section-map .map-box .map-wordbox .map-word-left{ padding: 0px 9.375px; font-size: 13.125px; } .section-map .map-box .map-wordbox .map-word-left .map-logo{ width: 31.875px; } .section-map .map-box .map-wordbox .map-word-right{ padding: 0px 15.625px; } .section-map .map-box .map-wordbox .map-word-right .map-word-en{ font-size: 11.25px; } .section-map .map-box .map-wordbox .map-word-right .map-word-ch{ font-size: 11.25px; } .section-map .map-word-morebtn{ margin-top: 9.375px; } .section-map .map-word-morebtn .more-btn{ font-size: 9.375px; border-radius: 2.5px; } /* 案例 */ .section-case{ /* padding-bottom: 36.9px; */ } .section-case .se-title{ width: 895px; /* padding-top: 61.9px; */ } .section-case .case-slides{ margin-top: 16px; } .section-case .swiper-wrapper{ /* padding: 18.7px 0px; */ } .section-case .swiper-slide{ /* width: 294px; */ } .section-case .swiper-slide .swiper-slide{ /* margin-left: 37.47px; */ } .section-case .swiper-slide .imgbox{ /* height: 187.5px; */ } .section-case .swiper-slide .wordbox{ margin-top: 22px; } .section-case .swiper-slide .wordbox .bar{ width: 99.4px; } .section-case .swiper-slide .wordbox .wordcon{ /* margin-top: 13px; padding-right: 13.9px; */ } .section-case .swiper-slide .wordbox .wordcon .word-title{ font-size: 12.4px; } .section-case .swiper-slide .wordbox .wordcon .word-content{ /* margin-top: 15px; */ } .section-case .swiper-slide .wordbox .morebox{ /* margin-top: 10px; padding-right: 16.1px; */ } .section-case .swiper-slide .wordbox .morebox .more-btn{ zoom: .8; } /* 新闻 */ .section-news{ /* height: 580.6px; */ /* padding-bottom: 31.3px; */ } .section-news .se-title{ width: 895px; /* padding-top: 56.9px; */ } .section-news .se-list-box{ margin-top: 29px; margin-left: calc((100% - 895px) / 2); } .section-news .se-list-box .se-list-logo{ /* height: 248.8px; */ } .section-news .se-list-box .se-list-logo .se-list-logo-el{ width: 103.8px; height: 79.4px; } .section-news .se-list-box .se-list .se-list-item{ /* height: 248.8px; */ } .section-news .se-list-box .sli-index{ font-size: 30px; } .section-news .se-list-box .sli-content{ /* margin-top: 19.9px; */ } .section-news .se-list-box .sli-title{ font-size: 12px; } .section-news .morebox{ margin-top: 37.6px; width: 895px; } .section-news .morebox .more-btn{ font-size: 12px; height: 26.2px; width: 88px; } .section-news .se-list .se-list-item{ border-radius: 9.5px; } .section-news .se-list .item-img-box{ border-radius: 6px; width: 166.7px; height: 205.2px; } .section-news .se-list .item-title{ font-size: 13.2px; } } @media screen and (max-width: 1024px){ #header .mb-navbtn{ fill: #fff; } #header .langbox.shen .form-select{ color: #fff; border: 1px solid #fff; background-image: ; } /* 视频 */ .section-video .video-mask-content{ width: 95%; } .section-video .video-nav{ width: 95%; left: 2.5%; } .section-video .video-logo{ left: 2.5%; } /* 8字图 */ .section-road .se-content{ width: 95%; padding-top: 4.16%; /* padding-bottom: 6.88%; */ } /* 产品 */ .section-pruduct, .section-pruduct .swiper-slide{ /* height: 53vw; */ } .section-pruduct .se-title{ left: 2.5%; top: 6%; } .section-pruduct .sw-btns, .section-pruduct .sw-pagination{ right: 1%; } .section-pruduct .swiper-slide .wordbox{ width: 95%; bottom: 5% } /* 地图 */ .section-map2 .se-title{ top: 22%; left: 0%; } .section-map2{ background-size: 95% auto; } .se-map2-content{ width: 95%; } /* 案例 */ .section-case .se-title{ width: 95%; } /* 新闻 */ .section-news .se-title{ width: 95%; } .section-news .se-list-box{ margin-left: 2.5%; } .section-news .morebox{ width: 95%; } } @media screen and (max-width: 768px){ @font-face{ font-family: "opposans-b"; src: format('woff'), format('truetype'); } @font-face{ font-family: "opposans-l"; src: format('woff'), format('truetype'); } @font-face{ font-family: "opposans-r"; src: format('woff'), format('truetype'); } body{ min-width: 100%; width: 100%; } .se-title .title-ch{ font-size: 4.38vw; text-align: center; } .se-title .title-en{ font-size: 4.8vw; text-align: center; line-height: 1; } /* 视屏 */ .section-video{ /* background: no-repeat center top; background-size: 100% auto; */ } /* .section-video .video-box .video-item{ background: transparent; } */ /* .section-video .video-box .video-item .bgel{ opacity: 0; } */ .section-video .video-mask-content{ width: 100%; color: #fff; } .section-video .video-logo{ top: 18%; left: 50%; width: 16.09vw; transform: translatex(-50%); display: none!important; } .section-video .video-mask-content .video-word{ top: unset; bottom: 65%; width: 100%; text-align: center; margin-top: 0px; } .section-video .video-mask-content .video-word .word-navw{ font-size: 2.27vw; text-align: center; } .section-video .video-mask-content .video-word .title-box{ min-height: unset; } .section-video .video-mask-content .video-word .word-title{ font-size: 6.3vw; margin-top: 0; letter-spacing: .04em; font-family: "opposans-b"; } .section-video .video-mask-content .video-word .word-title .mbdan{ font-family: "opposans-l"; font-size: 6.6vw; } .section-video .video-item:nth-child(2) .video-mask-content .video-word .word-title{ font-size: 6.25vw; } .section-video .video-mask-content .video-word .word-title-sub{ font-size: 3.7vw; margin-top: 0.4vw; letter-spacing: .05em; font-family: "opposans-r"; } .section-video .morebox{ text-align: center; margin-top: 3%; width: 100%; } .section-video .morebox .more-btn{ position: relative; margin: 0px auto; border: 1px solid #fff; border-radius: 4px; display: inline-flex; color: #fff; align-items: center; width: fit-content; height: auto; padding: .6em 1em; line-height: 1; font-size: 2.8vw; } .section-video .morebox .more-btn .arrow_right_icon{ stroke: #fff; height: .8em; margin-left: 2vw; } .section-video .video-nav .video-nav-item{ flex: none; width: 3.8vw; height: 0.6vw; } .section-video .video-nav{ width: 100%; left: 0px; justify-content: center; bottom: 5.5%; } .section-video .video-nav .video-nav-item .nav-item{ display: none; } .section-video .video-nav .video-nav-item .video-nav-item{ margin-left: 2.19vw; } .section-video .video-nav .video-nav-item .prossbar{ height: 0.31vw; background: #808080; } .section-video .video-nav .video-nav-item.active .prossbar div{ height: 0.31vw; background: #5e94cd; } /* 8字图 */ .section-road{ /* height: 144.53vw; */ /* background: no-repeat center top; background-size: 100% auto; */ padding-bottom: 19.1vw; min-height: unset; height: unset; } .section-road .se-content{ width: 100%; padding-top: 15%; padding-bottom: 6.88%; display: block; } .section-road .road-video{ width: 100%; margin-top: 10vw; opacity: .7; } .section-road .road-video .road-video-el{ position: relative; height: 40vw; padding: unset; top: unset; left: unset; transform: unset; } .section-road .road-video-img{ position: relative; width: 100%; height: 100%; object-fit: cover; object-position: center; } .section-road .road-list{ position: relative; width: 95%; flex-wrap: wrap; margin-top: 13.5vw; align-items: flex-start; color: #cccccc; } .section-road .road-list .item{ position: relative; width: 33.3333%; } .section-road .road-list .num{ font-size: 8.75vw; color: #627dab; } .section-road .road-list .item:nth-child(n) .num{ min-width: unset; } .section-road .road-list .unit{ font-size: 3.13vw; margin-left: .5vw; } .section-road .road-list .addicon{ font-size: 4.22vw; } .section-road .road-list .item-label{ font-size: 3.13vw; position: relative; margin: 0px auto; margin-top: 1.7vw; color: #cccccc; } .section-road .road-list .item:nth-child(n 4){ margin-top: 10vw; width: 50%; } .section-road .road-list .item .item::before{ content: ''; width: 1px; height: 100%; position: absolute; left: 0px; top: 0px; background: #cccccc; opacity: .5; } .section-road .road-list .item:nth-child(4)::before{ display: none; } /* 产品 */ .section-pruduct{ height: unset; /* background: no-repeat center top; background-size: 100% auto; */ padding-top: 10vw; padding-bottom: 20.2vw; background: rgba(218, 226, 231, .6); } .section-pruduct .se-title{ position: relative; width: 100%; left: 0px; top: unset; } .section-pruduct.cugj .se-title{ color: #000; } .section-pruduct .poduct-slides{ margin-top: 9.1vw; } .section-pruduct .swiper-slide{ height: 56.25vw; } .section-pruduct .se-title .title-en{ margin-top: 0px; line-height: 1; } .section-pruduct .sw-pagination{ position: relative; margin: 0px auto; right: auto; width: 100%; text-align: center; font-size: 2.34vw; height: 6vw; overflow: hidden; top: auto; transform: translatey(0); bottom: unset; color: #627dab; display: flex; justify-content: center; align-items: flex-end; margin-top: 4vw; } .section-pruduct .sw-pagination .swiper-pagination-bullet .swiper-pagination-bullet{ margin-top: 0; margin-left: 1.4vw; } .section-pruduct .sw-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ font-size: 4.06vw; display: block; } .section-pruduct .swiper-slide .wordbox{ width: 100%; display: block; text-align: center; bottom: 8.3vw; } .section-pruduct .swiper-slide .wordbox .word-name{ font-size: 3.2vw; margin-bottom: 3vw; } .section-pruduct .swiper-slide .wordbox .word-text{ font-size: 2.8vw; } .section-pruduct .morebox{ display: flex; justify-content: center; text-align: center; margin-top: 6vw; } .section-pruduct .morebox .more-btn{ border-color: #627da9; color: #627da9; width: auto; height: auto; padding: .65em 2.8vw .4em; font-size: 2.7vw; line-height: 1; display: flex; align-items: center; } .section-pruduct .morebox .more-btn .arrow_right_icon{ stroke: #627da9; width: unset; height: .8em; margin-left: 2.4vw; margin-top: -.2em; } .section-pruduct .sw-btns{ left: 1.5%; right: auto; width: 96.6%; justify-content: space-between; bottom: unset; top: 50%; transform: translatey(-50%); opacity: 1!important; } .section-pruduct .sw-btns .sw-btn{ width: 7.03vw; height: 7.03vw; } .section-pruduct .mb-wordbox{ text-align: center; margin-top: 12%; } .section-pruduct .mb-wordbox .word-name{ font-size: 3.75vw; font-family: 方正兰亭中黑; color: #000; } .section-pruduct .mb-wordbox .word-content{ margin-top: 1%; } .section-pruduct .mb-wordbox .word-text{ color: #4d4d4d; font-size: 2.19vw; font-family: 方正兰亭黑; min-height: 6.57vw; } /* 地图 */ .section-map{ height: auto; overflow-x: hidden; } .section.section-map .se-con{ padding: 14% 0px; } .section-map .se-title{ padding-top: 0px; } .section-map .mapnavbox{ position: relative; font-size: 2.5vw; top: unset; margin-top: 1%; padding-top: 0px; justify-content: center; } .section-map .mapnavbox .mapnav-item.active{ font-size: 3vw; } .section-map .map-box{ width: fit-content; display: flex; box-sizing: content-box; } .section-map .map-box .mapimg-box{ width: 100%; flex-shrink: 0; } .section-map .mapimg-box.mapchina{ top: unset; left: unset; transform: unset; } .section-map .map-box .mapimg-box:nth-child(2){ margin-top: 10%; transform: translate(-100%, 0); } .section-map .map-box{ position: relative; padding-top: unset; top: unset; left: unset; transform: unset; height: unset; width: 100%; } .section-map .map-box .map-point-item{ font-size: 2.3vw; } .section-map2 .map-box .map-point-item .icon{ width: 6vw; height: 6vw; } .section-map .map-box .map-wordbox{ width: 30%; } .section-map .map-box .map-wordbox-in{ display: block; border-radius: 1.56vw 0.5vw 0.5vw 0px; height: auto; } .section-map .map-box .map-wordbox .map-word-left{ display: block; width: 100%; font-size: 2.5vw; padding: 2.3vw 0px; text-align: center; height: auto; } .section-map .map-box .map-wordbox .map-word-left .map-logo{ position: relative; margin: 0px auto; width: 6vw; } .section-map .map-box .map-wordbox .map-word-right{ display: block; padding: 1.5vw; text-align: center; height: auto; white-space: normal; padding: 3vw 2vw; } .section-map .map-box .map-wordbox .map-word-right .map-word-en{ font-size: 2.3vw; } .section-map .map-box .map-wordbox .map-word-right .map-word-ch{ font-size: 2.6vw; margin-top: 1vw; line-height: 1.5; } .section-map .map-word-morebtn{ margin-top: 5vw; } .section-map .map-word-morebtn .more-btn { font-size: 2.2vw; margin: 0px auto; } /* 案例 */ .section-case{ /* height: 115.31vw; */ /* background: no-repeat center top; background-size: 100% auto; */ height: unset; padding-top: 11vw; padding-bottom: 1%; } .section-case .se-title{ width: 100%; } .section-case .se-title .title-ch{ font-size: 4.8vw; line-height: 1.1; } .section-case .se-title .title-en{ line-height: 1; } .section-case .case-slides{ margin-top: 6vw; } .section-case .swiper-slide{ width: 64.2vw; } .section-case .swiper-slide .sizeimg{ display: none; } .section-case .swiper-slide:first-child{ margin-left: 1.3vw; } .section-case .swiper-slide .swiper-slide{ margin-left: 2vw; } .section-case .swiper-slide .imgbox{ height: 47.8vw; border-radius: 1.56vw; } .section-case .swiper-slide .imgmask{ font-size: 2.8vw; } .section-case .swiper-slide .imgmask .en{ font-size: 1.5vw; } .section-case .swiper-slide:hover .imgbox{ transform: scale(1, 1); } .section-case .swiper-slide .wordbox{ margin-top: 4.8vw; } .section-case .swiper-slide .wordbox .wordcon{ margin-top: 0px; padding: 0px 3vw; } .section-case .swiper-slide .wordbox .wordcon .word-title{ font-size: 3.2vw; } .section-case .swiper-slide .wordbox .wordcon .word-content{ font-size: 2.4vw; margin-top: 1.4vw; line-height: 1.5; } .section-case .swiper-slide .wordbox .morebox{ margin-top: 7vw; padding: 0px 3vw; } .section-case .swiper-slide .wordbox .morebox .more-btn{ zoom: 1; font-size: 2.81vw; padding: 0.6vw 2.5vw; display: flex; align-items: center; } .section-case .swiper-slide .wordbox .morebox .more-btn .arrow_right_icon{ height: 2.33vw; width: 1.2vw; margin-left: 1vw; } /* 新闻 */ .section-news{ /* height: 151.56vw; */ /* background: no-repeat center top; background-size: 100% auto; */ height: unset; padding-bottom: 2vw; display: block; } .section-news .se-title{ width: 100%; padding-top: 10vw; } .section-news .se-list-box{ display: block; width: 97%; margin: 0px auto; margin-top: 6vw; opacity: .7; height: unset; } .section-news .se-list-box .se-list{ display: block; } .section-news .se-list-box .se-list .se-list-item{ height: auto; width: 100%; position: relative; margin-left: 0px; padding: 2.5vw 3.5vw; min-height: 21.4vw; display: block; } .section-news .se-list-box .se-list .se-list-item.active{ width: 100%; padding: 2.5vw 3.5vw 9vw; } .section-news .se-list-box .sli-title{ font-size: 3.28vw; line-height: 4.2vw; } .section-news .se-list-box .sli-content{ font-size: 2.81vw; transform: scale(1); display: none; padding-left: 9vw; margin-top: 4vw; } .section-news .se-list-box .sli-index{ font-size: 4.1vw; flex-shrink: 0; width: 9vw; } .section-news .se-list-box .se-list .se-list-item.active .sli-content{ display: block; } .section-news .se-list-box .se-list .sli-tt{ display: flex; align-items: baseline; line-height: 4.2vw; } .section-news .se-list-box .sli-title{ margin-top: 0px; } .section-news .se-list-box .sli-time{ right: 3.5vw; font-size: 2.5vw; bottom: 2vw; margin-top: 5.2vw; } .section-news .morebox{ width: 97%; padding: 0px 3.5vw; margin-top: 5.1vw; } .section-news .morebox .more-btn{ /* width: 15.9vw; height: 4.7vw; */ width: auto; height: auto; padding: 0.5vw 2.5vw; font-size: 2.4vw; margin-bottom: 0px; } .section-news .morebox .more-btn .arrow_right_icon{ height: 2.33vw; width: 1.2vw; margin-left: 1vw; } .section-news .se-list .se-list-item{ font-size: 2.8vw; border-radius: 1vw; width: 100%; margin-bottom: 5%; padding: 4% 2%; } .section-news .se-list .item-img-box{ border-radius: 1vw; width: 45.31vw; height: unset; margin-right: 4%; } .section-news .se-list .se-list-item .item-centent-box{ overflow: hidden; } .section-news .se-list .item-time{ font-size: 2.8vw; margin-bottom: 1.5vw; } .section-news .se-list .item-title{ font-size: 3.3vw; max-height: unset; } .section-news .se-list .se-list-item .item-intr{ margin-top: 2%; height: 10.2em; max-height: unset; margin-top: 9%; -webkit-line-clamp: 6; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; } .section-news .item-btn{ position: relative; margin-top: 5vw; bottom: auto; display: block; } .section-news .btn-getdetail{ display: inline-block; font-size: 3.1vw; border-radius: 0.78vw; padding: 1.6vw 4vw; } #footer [aos="word-fade"]::after{ background: #fff; } #footer .footer-in{ background: #fff; } }