/* 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;
}
}