.bnercomp_home {
 width: 100%;
 height: 100%;
 overflow: hidden;
 position: relative;
}
.bnercomp_bg {
 width: 100%;
 height: 100%;
 overflow: hidden;
 position: absolute;
 z-index: 1;
}
.bnercomp_bg img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.bnercomp_bg video {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 opacity: 0;
 transition: opacity 1.2s ease;
 z-index: 3;
}
.bnercomp_bg video.loaded {
 opacity: 1;
}
.bnercomp_content {
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: 2;
 padding-top: 320px;
}
.bnercomp_title {
 width: 100%;
 min-height: 1px;
 overflow: hidden;
 margin-bottom: 20px;
}
.bnercomp_title span { display: block; }
.bnercomp_title .title {
 font-size: 60px;
 line-height: 60px;
 color: #ffffff;
 font-weight: bold;
}
.bnercomp_title .subtitle {
 font-size: 32px;
 line-height: 36px;
 color: rgba(255, 255, 255, .8);
 font-weight: bold;
 margin-bottom: 8px;
}
.bnercomp_desc { font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, .64); }
.bnercomp_btn {
 width: 100%;
 min-height: 1px;
 overflow: hidden;
 padding-top: 64px;
}
.bnercomp_btn a {
 width: auto;
 min-height: 1px;
 overflow: hidden;
 display: block;
 float: left;
 padding: 0px 48px;
 background-color: rgba(255, 255, 255, .04);
 border-radius: 100px;
}
.bnercomp_btn a span {
 display: block;
 float: left;
 font-size: 14px;
 line-height: 48px;
 color: rgba(255, 255, 255, .64);
}
.bnercomp_btn a i {
 float: left;
 font-size: 18px;
 line-height: 48px;
 color: #ffffff;
 margin-left: 12px;
 transition: all 0.3s;
}
.bnercomp_btn a:hover { background-color: rgba(255, 255, 255, .14); }
.bnercomp_btn a:hover i { margin-left: 16px; }

#homeAboutus .section {
 position: relative;
 padding: 120px 0px 60px;
}
#homeAboutus .section::before {
 content: '';
 display: block;
 width: 100%;
 height: 480px;
 position: absolute;
 background: url('../images/home/bg_abouts.png') center 50% #080C15;
 background-repeat: no-repeat;
 background-size: 100% 480px;
 top: 0;
 z-index: -1;
}
.isdark .titlePagebox_title { color: #ffffff; }
.isdark .titlePagebox_desc { color: rgba(255, 255, 255, .48); }
.numbsection {
 width: 100%;
 height: 240px;
 background: url('../images/home/bg_numb2.jpg') center center #000000;
 background-repeat: no-repeat;
 background-size: 100% 100%;
 background-attachment: fixed;
}
.service-items {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 grid-template-rows: repeat(2, minmax(200px, 1fr));
}
.service-item {
 position: relative;
 padding: 28px 36px;
 border-radius: 10px;
 overflow: hidden;
}
.service-item .title {
 font-size: 16px;
 color: #000;
 line-height: 24px;
 font-weight: 600;
}
.service-item .list { padding-left: 16px; }
.service-item .list li {
 list-style-type: disc;
 font-size: 12px;
 line-height: 20px;
 color: rgba(255, 255, 255, 0.48);
}
.service-item .tel {
 font-size: 12px;
 line-height: 20px;
 color: rgba(255, 255, 255, 0.48);
}
.service-item .tel a { font-size: 16px; color: #fff; }
.service-item .icon {
 position: absolute;
 right: 0;
 bottom: 0;
 width: 90px;
 height: 90px;
 opacity: 0.2;
}
.service-item:first-child {
 padding: 40px 36px;
 display: flex;
 flex-direction: column;
 justify-content: space-around;
 grid-area: 1 / 1 / 3 / 2;
 background-image: url(/images/home/bg_service.png);
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: 100% auto;
}
.service-item:first-child .title { font-size: 20px; color: #fff; }
.newspageMain { width: 100%; overflow: hidden; }
.newsBoxele { width: 100%; overflow: hidden; cursor: pointer; }
.newsMain {
 width: 100%;
 overflow: hidden;
 display: flex;
 justify-content: space-between;
 gap: 24px 64px;
}
.newsText { width: 100%; overflow: hidden; padding-top: 48px; }
.newsImg { width: 100%; overflow: hidden; }
.newsImg img {
 width: 100%;
 object-fit: cover;
 transition: transform .75s cubic-bezier(.2, .75, .5, 1), opacity .5s ease .3s;
 transform: scale(1);
 border-radius: 16px; 
}
.newsContent { width: 100%; overflow: hidden; }
.newsContent span { display: block; }
.newsContent .newsInfo_date { margin-top: 36px; }
.newsContent_title {
 color: rgb(20, 21, 26);
 font-size: 26px;
 line-height: 32px;
 font-weight: bold;
 margin-bottom: 18px;
}
.newsContent_desc {
 color: rgba(20, 21, 26, 0.6);
 letter-spacing: normal;
 font-size: 14px;
 line-height: 28px;
}
.newsTagbox { width: auto; min-height: 1px; overflow: hidden; }
.Tagbox1 { margin-bottom: 48px; }
.newsTag {
 width: auto;
 float: left;
 padding: 6px 18px;
 color: #666666;
 border-radius: 281px;
 border-width: 1px;
 border-color: rgba(20, 21, 26, 0.6);
 border-style: dashed;
 font-size: 13px;
}
.newsHomeList { overflow: hidden; margin-top: 36px; }

.newsBoxele:hover .newsImg img { transform: scale(1.08); }
.listcow_cases { width: auto; }
.listcol_cases { width: 20%; min-height: 1px; overflow: hidden; float: left; }
.list_cases {
 width: 100%;
 overflow: hidden;
 float: left;
 text-align: center;
 padding: 24px 0px;
 border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.list_cases img { height: 110px; }
.linksmain { width: 100%; min-height: 1px; overflow: hidden; }
.links_titles { width: 28%; float: left; margin-top: 14px; }
.links_titles span { display: block; float: left; }
.linkstitle {
 font-size: 24px;
 line-height: 36px;
 color: #000000;
 font-weight: bold;
}
.linksdesc {
 font-size: 16px;
 line-height: 36px;
 color: #999999;
 margin-left: 12px;
}
.links_logolist { width: 72%; float: right; }
.links_logolist ul { padding: 0; margin: 0; }
.links_logolist ul li { width: 20%; list-style: none; float: left; text-align: center; }
.links_logolist ul li a { width: auto; display: block; }
.links_logolist ul li a img { height: 70px; }