website/platform/css/digital-assets.css

@media screen and (min-width:1601px) and (max-width:1920px){
    .con1200{ max-width: 1400px;}
}
@media screen and (max-width:760px){

    .con1200{ width: auto; padding:0px 18px; box-sizing: border-box; width: 100%;}
}
img{border:none;vertical-align:top}
.con1200{max-width:1500px;margin:0 auto;box-sizing: border-box;padding-left: 50px;padding-right: 50px;}
.pro-title h1{ font-size: 24px;}
.pro-title h2{ font-size: 16px;}  
.pro-title{padding:50px 0px 40px 0px; display: flex; align-items: center; flex-direction: column; justify-content: center;}      
.grey-bg{background-color: #F3F3F5;}

.shuj-com .intro{display: flex; align-items: stretch; justify-content: center; position: relative; padding-bottom: 55px;}
.shuj-com .intro .text{padding: 0 38px; box-sizing: border-box; background-color: #FFFFFF; display: flex; align-items: center; width: 50%; font-size: 16px; color: #999; line-height: 24px;}
.shuj-com .intro .video{flex-shrink: 0; width:50%; height: 405px; position: relative;}
.shuj-com .intro .video img{width: 100%; height: 100%; object-fit: cover; display: block;}


.shuj-product{display: flex; align-items: center; justify-content: center;}
.shuj-product ul{display:flex; flex-wrap: wrap; flex-direction:row; align-content: flex-start; padding-bottom: 100px; width: 100%;}
.shuj-product ul li{width: 33.3333333%; padding-right:18px; padding-left: 18px; box-sizing: border-box;}
.shuj-product ul li.emptyli{height: 0px; padding: 0px; width:33.3333333%; display: flex; flex-direction: column; margin: 0px;}
.shuj-product ul li .img{width: 100%; height:245px; overflow: hidden;}
.shuj-product ul li .img img{width: 100%; height: 100%; display: block; object-fit: cover; transition: 1s;}
.shuj-product ul li .img img:hover{ transform:scale(1.1);}
.shuj-product ul li h1{text-align: center; padding: 36px 0px 22px 0px; color: #666; font-size: 18px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shuj-product ul li:hover h1{ color:#7DB9DE;}
.shuj-product ul li h2{font-size: 14px; color: #666; flex: auto; line-height: 20px; margin-bottom: 28px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden; min-height:100px;}


.application-bg{background-image: url(../images/common_pic_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.application-bg .title h1{color: #FFFFFF;}
.application-bg .title h2{color: #FFFFFF;}
.shuj-application{display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%;}
.shuj-application .pro-title h1{color: #FFFFFF;}
.shuj-application .pro-title h2{color: #FFFFFF;}
.shuj-application .tab{display: flex; align-items: center; width: 100%; justify-content: center;}
.shuj-application .tab li{width: 24.5%; height: 108px; background-color: #111423; padding: 20px 18px; box-sizing: border-box; position: relative; cursor: pointer;}
.shuj-application .tab li.cure{background-color: #3B87FF;}
.shuj-application .tab li.cure::after{position: absolute; left: calc(50% - 10px); bottom: -24px; content: ''; width: 0;height: 0;border: 12px solid transparent ;border-top-color:#3B87FF ;}
.shuj-application .tab li h1{font-size: 16px; font-weight: bold; color: #FFFFFF;}
.shuj-application .tab li h2{margin-top: 10px; font-size: 16px; color: #F1F1F1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
 line-height: 20px; min-height: 40px;}
.shuj-application .tab-item{ display: flex; align-items: stretch;padding-bottom: 100px;padding-top: 80px;}
.shuj-application .tab-item.curre{ display: flex !important;}
.shuj-application .tab-item .text{ padding: 20px 35px 20px 0px; flex:auto; line-height: 26px; display: flex; align-items: center; color: #FFFFFF; font-size: 16px;}
.shuj-application .tab-item .img{flex-shrink: 0; width: 841px; height: 466px; }
.shuj-application .tab-item .img img{width: 100%; height: 100%; object-fit: cover; }

.shuj-application .tab-item{
    display: none;
}