@keyframes uk-slide-bottom-small {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.uk-container-expand{ padding-left:50px; padding-right:50px; }

.maxwidth{ max-width: 1920px; margin-left: auto; margin-right: auto; }
em{ color:unset; }

body{ padding-bottom:540px; }

.header{ position: absolute; top: 0; left: 0; right: 0; z-index: 100; height: 110px; }
.header .hd{ padding:15px 0; }

.header .menu a{ border-bottom: 1px solid transparent; color:#fff; margin-left:80px; }
.header .menu a:hover, .header .menu a.active{ border-bottom: 1px solid #fff;}

.header-gray .menu a{ color:#242424; }
.header-gray .menu a:hover, .header-gray .menu a.active{ border-bottom: 1px solid #242424;}



.footer{ background: #f1f1f1; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; min-height: 540px; }
.footer .hd{ padding:100px 0 90px; color:#4e4e4e; min-height: 474px;  }
.footer .hd .fotcat .tit{ margin-bottom: 40px; }
.footer .hd .fotcat li{ padding:15px 0 15px 40px; position: relative; }
.footer .hd .fotcat li span{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.footer .hd .fotmsg .label{ line-height: 1; }
.footer .hd .fotmsg .uk-input, .footer .hd .fotmsg .uk-textarea{ border:0; padding-left:0; padding-right:0; border-bottom: 1px solid #c1c1c1; background: none; }
.footer .fd{ background-color: #222; padding:20px 0;  color:#868686; min-height: 66px; }
.footer .fd a{ color:#868686; }
.footer .fd a:hover{ color:#fff; }
.footer .fd .uk-icon{ transform: rotate(180deg); }


.tbody{  position: relative; z-index: 99; background: #fff; }


.banner { background: #fff;  height: 890px; max-height: 80vh;  overflow: hidden;  position: relative;  z-index: 99; }
.banner .swiper-container { width: 100%; height: 100%; }
.banner .swiper-slide img {  width: 100%; height: 100%;  object-fit: cover; }
.banner .uk-position-bottom {  bottom:80px; z-index: 100;}
.banner .swiper-pagination { display: flex;  align-items: center; gap: 15px; }
.banner .swiper-pagination-bullet { width: 10px; height: 10px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; cursor: pointer; transition: all 0.3s ease; position: relative; border: none; outline: none;  }
.banner .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 1);  width: 12px; height: 12px;  }
.banner .swiper-pagination-line { flex: 1; height: 1px; background:#fff;  max-width: 100px; }
.banner .swiper-pagination-count { font-size: 16px;  color: rgba(255, 255, 255, 0.8); font-weight: 500; min-width: 45px; text-align: right; }
.banner .swiper-pagination-count em{ color:#fff; font-size: 20px; font-weight: normal; font-style: normal; }
.banner .swiper-pagination-count span{ padding:0 5px; }

/*首页*/
.ipart1{ padding: 140px 0 130px; }
.ipart1 .tit{ margin-bottom: 50px; }


@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

.ipart2{ padding:0 0 110px; }
.ipart2 .tit{ margin-bottom: 50px; }
.ipart2 .uk-wrap{ max-width: 220px; }
.ipart2 .uk-wrap .ico{ width: 122px; height: 122px; position: relative; margin-bottom: 20px; }
.ipart2 .uk-wrap .ico .num{ position: absolute; left: 0; top:20px; line-height: 1.1; background: #fff; }
.ipart2 .uk-wrap .ico .name{ position: absolute; left: 0; top:70px; line-height: 1.4; background: #fff;}
.ipart2 .uk-wrap.uk-scrollspy-inview svg{ transform: rotate(-135deg); transform-origin: center; animation: draw 1s linear forwards; stroke-dashoffset: 383.27;   stroke-dasharray: 383.27;  }

.ipart3{ padding: 0 0 200px;  }



.ipart4 .demo{ gap: 20px; }
.ipart4 .demo img{ width:50%; height: 100%; flex: 1; }
.ipart4 .box{ padding:20px 20px 20px 100px; }
.ipart4 .box .title{ line-height: 1.3; margin-bottom: 20px; }
/* .ipart4 .caselide{ position: relative; }
.ipart4 .swiper-pagination{ position: absolute; bottom: 30px; left:60%; z-index: 99; gap: 8px; padding-left:130px; }
.ipart4 .swiper-pagination-bullet{ width: 40px; height: 3px; display: inline-block; background: rgba(0,0,0,0.2); border-radius: 5px; margin: 0; }
.ipart4 .swiper-pagination-bullet-active{ background: #000; } */
.ipart4 .uk-slideshow-items{ height: 100%; }
.ipart4 .uk-wrap{ background: #fff; height: 100%; }
.ipart4 .uk-wrap>.uk-grid{ height: 100%; }
.ipart4 .uk-dotnav{ position: absolute; bottom: 20px; left: 60%; z-index: 99; padding-left:120px;}
.ipart4 .uk-dotnav a{ width: 40px; height: 3px; display: inline-block; background: rgba(0,0,0,0.2); border-radius: 5px; margin: 0; border:0; }
.ipart4 .uk-dotnav .uk-active a{ background: #000; }


.ipart5{ padding:100px 0 190px; }
.ipart5 .title{ margin-bottom: 50px; }
.ipart5 .teamslide{ position: relative; }
.ipart5 .swiper-pagination{ display: flex; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 99; gap: 8px;}
.ipart5 .swiper-pagination-bullet{ width: 40px; height: 3px; display: inline-block; background: rgba(255,255,255,0.5); border-radius: 5px; margin: 0; }
.ipart5 .swiper-pagination-bullet-active{ background: #fff; }


.content{ line-height: 2; }



/*分页*/
.pages{ margin: 30px 0; color:#748185; }
.pages a{ color:#748185; }
.pages .pagination{ display: flex; }
.pages .pagination>li{ padding:0; height: 40px; line-height: 38px; padding:0; min-width:38px; text-align: center; border:1px solid #e8ecee;  background: #ffffff; margin-left:-1px; color:#748185; }
.pages .pagination>li:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pages .pagination>li:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pages .pagination>li>a,.pages .pagination>li>span{ display: block;  }
.pages .pagination>li.active, .pages .pagination>li:hover{ color:#fff; background: var(--main-color); border-color:var(--main-color); }
.pagination>li:hover a{ color:#fff; }


.pages .uk-pagination .page-link{ border:1px solid #e8ecee; height:40px; line-height:40px; background:#f4f4f4; padding:0 10px; color:#748185; }
.pages .uk-pagination .page-prev{ border-top-left-radius:4px; border-bottom-left-radius:4px; }
.pages .uk-pagination .page-next{ border-top-right-radius:4px; border-bottom-right-radius:4px; }
.pages .uk-pagination .page-number{ margin:0 -1px; border:1px solid #e8ecee; height:40px; line-height:40px;  padding:0 10px; }

.pages .jump { margin-left:20px; }
.pages .jump select{ height: 34px; border:1px solid #e8ecee; color:#748185; line-height: 32px; border-radius: 4px; padding-left:10px; padding-right:10px; }
.pages .jump input{ width:50px; border:1px solid #e8ecee; height: 40px; border-radius: 4px; margin:0 5px; text-align: center; color:#748185; outline: none; }
.pages .jump button{ cursor: pointer; color:#748185; background:#f4f4f4; height: 40px; padding:0 10px; margin-left:5px; border:1px solid #e8ecee; border-radius: 4px; }


/*内页*/
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.loading-container{ text-align: center; padding: 30px 0; }
.loading-container .loading{ width: 40px; height: 40px; margin: 0 auto; border: 4px solid #f3f3f3; border-top: 4px solid #c4001c; border-radius: 50%; animation: spin 1s linear infinite; }
.loading-container p{ margin-top: 15px; color: #666; }



.projectlist{ position: relative; z-index: 99; background: #fff; }
.projectlist .hd{ background: url(../images/inban.png) center no-repeat; background-size: cover; }
.projectlist .hd .uk-wrap{ min-height: 750px; }
.projectlist .bd{ padding-bottom: 320px; }
.projectlist .bd .uk-grid{ margin-left:-160px; }
.projectlist .bd .uk-grid>div{ padding-left: 160px; }
.projectlist .bd .uk-grid>div:nth-child(2){ padding-top:200px; }
.projectlist .bd .uk-grid .uk-grid-margin{ margin-top:160px!important; }
.projectlist .bd .uk-wrap{overflow: hidden;}
.projectlist .bd .uk-wrap img{ transition: all 0.3s ease-in-out; }
.projectlist .bd .uk-wrap .box{  padding:30px 20px; line-height: 1.3; text-align: center; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); transition: all 0.3s ease-in-out; }
.projectlist .bd .uk-wrap:hover img{ transform: scale(1.1); }
.projectlist .bd .uk-wrap:hover .box{ padding-bottom: 50px; }


.project_detail{ position: relative; z-index: 99; background: #fff; }
.project_detail .sidebar{ position: absolute; width:380px!important; padding:40px; background: #f1f1f1; }
.project_detail .sidebar .top{ line-height: 1.3;}
.project_detail .sidebar .bot{ position: absolute; left: 40px; bottom: 40px; right: 40px; color:#6f6f6f; }
.project_detail .sidebar .bot p{ position: relative; border-bottom: 1px solid #c1c1c1; padding:10px 0; }
.project_detail .sidebar .bot p strong{ position: absolute; right: 0; }

.project_detail .bd .mainbox{ padding:70px 0 200px 450px; }
.project_detail .bd .mainbox .title{ margin-bottom: 20px; }
.project_detail .bd .mainbox .pics>div{ margin: 20px 0; }


@media screen and (max-width: 1600px) {
    .uk-container{ padding-left: 50px; padding-right: 50px; }
    .projectlist .bd .uk-grid{ margin-left:-100px; }
    .projectlist .bd .uk-grid>div{ padding-left: 100px; }
    .projectlist .bd .uk-grid .uk-grid-margin{ margin-top:100px!important; }
}


@media screen and (max-width: 1280px) {
    .uk-container{ padding-left: 20px; padding-right: 20px; }
}