/* banner */
.vb-header{ margin-top:-80px; width:100%;height:580px; overflow: hidden;resize: both;position: relative;}
.vb-header .vb-header-mask{background: #000000;opacity: 0.4;position: absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.vb-header .vb-banner-img{height:580px;width:100%; overflow: hidden; object-fit:cover; }
.vb-header .banner-content{ width:100%;position: absolute;left:0;bottom:80px; z-index:1;}
.vb-header .banner-content-center{width:1200px;margin:0 auto; position: relative;}
.vb-header .banner-tips{ position:absolute;display:inline-block;left:0;line-height:64px;height: 64px;font-size:36px;font-weight:Medium;letter-spacing:10px;background:#FFFFFF;box-shadow:0 3px 10px rgba(0,0,0,.2);transition: all .4s ease;overflow: hidden;}
.vb-header .banner-tips .banner_tle_mask{position: absolute;left: 0;top: 0;bottom: 0;width: 200%;;transition: all .5s linear;transform: translateX(-50%);}
.vb-header .banner-tips .banner_tle_mask::before{content: '';display: inline-block;width: 50%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to right, rgba(255, 255, 255,0), rgba(255, 255, 255,1));}
.vb-header .banner-tips .banner_tle_mask::after{content: '';display: inline-block;width: 50%;height: 100%;position: absolute;left: 50%;top: 0;background: rgba(255, 255, 255,1);}
.vb-header .banner-tle{bottom:84px;color:#606366;}
.vb-header .banner-msg{bottom:0;color:#EF7E00}
.vb-header .b-text-cnt{padding:0 30px;}
.vb-header .b-text-cnt img{ margin-top:16px;max-width: 100%;max-height: 36px;}
.vb-header .banner-tle .banner_tle_mask{ animation: showText 1s linear; animation-fill-mode: both; animation-delay: .5s;}
.vb-header .banner-msg .banner_tle_mask{ animation: showText 1s linear; animation-fill-mode: both; animation-delay: .7s;}
@keyframes showText{
    0%{
        transform: translateX(-50%);
    }
    100%{
        transform: translateX(50%);
    }
}

/* 面包屑 */
.crumbs{width:1200px;margin:34px auto;}
.crumbs span{font-size: 14px;font-weight: 500;color: #666666;margin-right:15px; }
.crumbs span i{font-size: 12px;}
.crumbs span:last-child{ font-weight: bold; color: #343434;}
.crumbs a{color: #666666;position: relative;}
.crumbs a.bot-line::before{content: '';position: absolute;bottom: -5px;width: 100%;height: 1px;background: #F07E00;display: inline-block;transition: all .4s cubic-bezier(1,0,0,1);transform: scaleX(0);transform-origin: top left;}
.crumbs span:hover a.bot-line::before{transform: scaleX(1);transform-origin: top right;}

/* 品牌简介 */
.module-one{margin-top: 80px;height:710px;}
.module-one-bg{width: 100%;height: 551px;position: absolute;right: 0;top:160px;z-index: -1;overflow: hidden;resize: both;}
.module-one-bg img{height: 551px;position: absolute;right: 0;}
.module-one .module-body{padding:0 90px;}
.module-one .mission{font-size:46px;font-weight:bold;color:#343434;line-height:72px;margin-top:60px}
.module-one .mission3{font-weight: bold;margin-top:-30px;}
.module-one .mission2{text-align: right;}
.module-one .mission2 img{max-height:20px;}
.module-one .mission4{text-align: right;margin-top:-50px;}
.module-one .mission5{margin-top:-30px;}
.module-one .mission5 a{ font-size: 18px; font-weight: 500; color: #EF7E00; line-height: 28px;cursor: pointer;}
.module-one .mission5 a img{ width:34px;margin-left:10px;}
.module-one .mission5 a:hover img{ transition: all .6s;transform: translateX(10px);}
.module-one .mission-desc{width:100%;font-size: 16px;font-weight: 500;color: #333333;line-height: 32px;}
.module-one .mission-desc img{margin-right:5px}
.module-one .mission-desc2{width:100%;font-size: 16px;font-weight: 500;color: #333333;line-height: 32px;}
.module-one .mission-desc-span1{color:#EF7E00}
.module-one .mission-desc-span2{color:#EF7E00; font-size:26px;margin-right: 5px; }

/* banner滚动 */
.roll{margin-top:110px; width:100%;height: 239px;}
.roll-content{width:150%;height: 239px;background-image: url("https://cdn.vcbeat.top/upload/danhuangtech/Computer/vbdata/img/vbdata-ban2.png"); background-repeat: repeat;background-size: auto 239px;}

/* 核心价值 */
.module-two{ margin-top:100px; }
.core-values{margin-top:95px;}
.core-values .core-item{position: relative; padding: 30px 20px;width: 380px;height: 338px; background: #FFFFFF; box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.1);text-align: center;}
.core-values .core-item .corner{width: 0;height: 0;border-color: transparent #EF7E00;border-width:0 0 14px 14px;border-style:solid; position: absolute; left: 0; top: 0;}
.core-values .core-item .core-title{font-size: 18px;font-weight: bold;color: #485260;line-height: 28px;}
.core-values .core-item img{margin-top:20px;}
.core-values .core-item .core-desc{font-size: 14px;font-weight: 500;color: #2E3B51;line-height: 28px;margin-top:20px;}
.core-values .core-bottom1{margin-top: -30px;}
.core-values .core-bottom2{margin-top: -60px;}
.core-values .core-bottom3{margin-top: -90px;}
.core-values .core-line{ width: 29px;height: 338px;display: flex;  flex-flow: row wrap;  justify-content: justify;align-items: center;}
.core-values .core-line p{ width: 29px; height: 2px; background: #0E192D;}
.animate__core {-webkit-animation-name:fadeIn;animation-name: fadeIn;}
.animate__core .core:nth-child(1){animation:fadeInUp;animation-duration:.1s }
.animate__core .core:nth-child(2){animation:fadeInUp;animation-duration:.3s }
.animate__core .core:nth-child(3){animation:fadeInUp;animation-duration:.5s}
.animate__core .core:nth-child(4){animation:fadeInUp;animation-duration:.8s}
.animate__core .core:nth-child(5){animation:fadeInUp;animation-duration:1s}
.animate__core .core:nth-child(6){animation:fadeInUp;animation-duration:1.3s}
.animate__core .core:nth-child(7){animation:fadeInUp;animation-duration:1.5s}
/* object-fit: cover; */

/* 数据展示 */
.module-three{margin-top: 120px;padding: 60px 0;}
.module-three-bg{position: absolute;left:0;top:0;width: 70.83vw;min-width: 1100px; height: 100%;background: url("https://cdn.vcbeat.top/upload/danhuangtech/Computer/index/img/noise-light-gray.png");}
.module-three .show-data{display: flex;flex-direction: row;flex-wrap: wrap;}
.module-three .show-data .d-item{width: 320px;margin-top: 60px;}
.module-three .show-data .d-item >div:nth-child(1){font-size: 60px;color: #F88912;}
.module-three .show-data .d-item >div:nth-child(2){font-size: 14px;color: #333333;margin-top: 10px;opacity: 0.7;width:200px;line-height: 20px;}
.module-three .show-data .d-item .unit{font-size: 20px; margin-left: -10px; font-weight: 600;}
.module-three .show-data .d-item span{ font-family: 'DINMittelschriftStd'; }

/* 品牌服务 */
.module-five{padding-top: 150px;}
.module-five .s-conaniner{display: flex;flex-flow: row wrap;margin-top: 100px;}
.module-five .s-conaniner .project-mode{margin-top:75px;}
.module-five .s-conaniner .project-mode:nth-child(1){margin-top:0;}
.module-five .s-item {height:100%;padding-bottom:80px;position: relative;width: 273px;background: url("https://cdn.vcbeat.top/upload/danhuangtech/Computer/index/img/noise-light-gray.png");box-shadow: 0 0 20px rgba(0, 0, 0, .15);margin:0 35px 0 0;}
.module-five .s-item:nth-child(4n) {margin:0 0 35px 0;}
.module-five .s-item:nth-child(even) {margin-top:-40px;}
.module-five .s-item >div {position: relative;padding: 20px;}
.module-five .s-item >div:last-child {position: relative;padding: 20px;position: absolute; bottom:0;left:0;right: 0;}
.module-five .s-item .s-head{width: 100%;height: 280px;display: flex;flex-flow: column wrap;}
.module-five .s-head .s-bg{position: absolute;height: 100%;width: 100%;top: 0;left: 0;object-fit: cover;object-position: 50% 50%}
.module-five .s-head .s-mask{position: absolute;height: 100%;width: 100%;top: 0;left: 0;background: linear-gradient(transparent,#000);opacity: 0.8;z-index:1;}
.module-five .s-head .s-logo{height: 30px;}
.module-five .s-head p{position: relative;z-index: 1;color: #FFFFFF;text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);}
.module-five .s-head .s-tle{font-size: 16px;margin-top: auto;font-weight: Bold;}
.module-five .s-head .s-summary{font-size: 12px;margin-top: 18px;line-height: 18px;}
.module-five .client {color: #000;}
.module-five  .client-item + .client-item{margin-top: 18px;}
.module-five .client .c-tle{font-size: 14px;font-weight: bold;}
.module-five .c-tle >img{width: 13px;height: 13px;margin-right: 6px;vertical-align: top;}
.module-five .c-tags{font-size: 12px;font-weight: bold;color: #F88912;display: flex;flex-flow: row wrap;margin-top: 15px;cursor: pointer;line-height: 18px;}
.module-five .c-tags p a{color: #F88912;}
.module-five .c-tags i{color: #999999;font-weight: normal}
.module-five .c-case{font-size: 12px;color: #F88912;line-height: 18px;font-weight: 500;margin-top: 15px;}
.module-five .c-case span{color: #333;}
.module-five .c-case a{color: #F88912;}
.module-five .go-more{text-align: center; }
.module-five .go-more a{cursor: pointer;position: relative;display: inline-block;text-align: center;line-height: 50px;font-size: 13px;font-weight: bold;color: #333333;width: 180px;height: 50px;border: 1px solid #333333;border-radius: 25px;}
.module-five .go-more .btn-right{position:absolute;top: 50%;right: -18px;width: 36px;margin-top: -4.5px;}
.module-five .go-more a:hover .btn-right{transition: all .6s;transform: translateX(10px);}
.service__fadeInUp{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.service__fadeInUp .s-item{animation-fill-mode:both}
.service__fadeInUp .s-item:nth-child(n){animation:fadeInUp;animation-duration:.5s}
.service__fadeInUp .s-item:nth-child(2n){animation:fadeInUp;animation-duration:1s}
.service__fadeInUp .s-item:nth-child(3n){animation:fadeInUp;animation-duration:1.5s}
.service__fadeInUp .s-item:nth-child(4n){animation:fadeInUp;animation-duration:2s}


/* 合作伙伴 */
.module-six{margin-top: 100px;}
.module-six .comp-item{ width: 216px; height: 60px; background: #FFFFFF; margin-right: 30px;margin-top: 30px;padding: 5px;}
.module-six .comp-item:nth-child(5n){ margin-right:0;}
.module-six .comp-item img{max-width: 100%;max-height: 100%;}

/* 典型案例 */
.module-seven{ margin-top: 120px;}
.module-seven .swiper-container{margin-top: 50px;}
.module-seven .case-left{width: 300px;height: 300px;background-color: #F5F5F6;}
.module-seven .case-left .case-item{width: 100%;height: 100px;padding: 10px;cursor: pointer;}
.module-seven .case-left .case-active{background-color: #fff;}
.module-seven .case-left img{max-width: 100%;max-height: 100%;}
.module-seven .case-right{width: 900px;height: 300px;background: #FFFFFF;box-shadow: -4px 1px 10px 0px rgba(0, 0, 0, 0.06);padding: 35px 30px; }
.module-seven .case-right .case-right-content{width: 590px;padding-right: 50px;}
.module-seven .case-right .case-right-line{ width: 1px; height: 200px; background: #EEEEEE;}
.module-seven .case-right .case-title{font-size: 18px;font-weight: bold;color: #333333;padding-left: 25px;margin-top: 15px;}
.module-seven .case-right .case-title a{color: #EF7E00;}
.module-seven .case-right .case-desc{ font-size: 14px; font-weight: 500; color: #666666; line-height: 22px; margin-top: 29px;padding-left: 25px;}
.module-seven .case-right .case-foot{font-size: 14px;font-weight: 500;color: #999999;line-height: 22px;margin-top: 30px;}
.module-seven .case-right .case-foot p:nth-child(1){ font-size: 14px; font-weight: 500;color: #EF7E00;line-height: 22px;position: relative;padding-left: 25px;}
.module-seven .case-right .case-foot p:nth-child(1) i{color:#F4F4F4; font-size: 18px;margin-right: 10px;position: absolute;left: 0;top: -15px;}
.module-seven .case-right .case-foot .case-foot-line{ width: 30px;height: 1px;background: #D8D8D8;margin-right: 6px;}
.module-seven .case-right .case-foot p:nth-child(2){ position: relative; }
.module-seven .case-right .case-foot p:nth-child(2) i{ position: absolute; color:#F4F4F4; top:0;right: -24px;}
.module-seven .case-right .case-right-product{padding-left: 50px;width:231px;}
.module-seven .case-right .case-right-product .case-p-title{ margin-top: 10px;font-size: 14px; font-weight: bold; color: #343434; line-height: 32px; text-shadow: 1px 4px 20px rgba(0, 0, 0, 0.1);}
.module-seven .case-right .case-right-product .case-p-title:nth-child(1){margin-top: 0;}
.module-seven .case-right .case-right-product .case-p-title img{width: 13px;margin-right: 8px;}
.module-seven .case-right .case-right-product .case-p-desc1{  margin-top: 10px;font-size: 12px; font-weight: bold; color: #343434;}
.module-seven .case-right .case-right-product .case-p-desc2{  margin-top: 10px;font-size: 12px; font-weight: bold; color: #F88A13;}
.module-seven .case-right .case-right-product .case-p-desc2 a{ color: #F88A13;cursor: pointer;}
.module-seven .case-right .case-right-product .case-p-desc3{  margin-top: 10px;font-size: 12px; font-weight: bold; color: #F88A13;line-height: 18px;}
.module-seven .case-right .case-right-product .case-p-desc3 a{  color: #F88A13;cursor: pointer;}
.module-seven .case-right .case-right-product .case-p-desc3 i{  font-size: 12px; color: #9A9A9A;margin:0 3px;}
.swiper-pagination{right: 0;top: 10px;}
.swiper-pagination .swiper-pagination-bullet{background: none;font-size: 16px;font-weight: bold;color: #333333;width: auto;height: auto;opacity:1;border-radius:0;margin-left: 25px;}
.swiper-pagination .swiper-pagination-bullet i{color: #999999;margin:0 25px 0 0 ;}
.swiper-pagination .swiper-pagination-bullet.my-bullet-active{font-size: 16px;font-weight: bold;color: #EF7E00;border: none;}
.swiper-pagination .swiper-pagination-bullet:focus{outline: -webkit-focus-ring-color auto 0;}

/* 联系我们 */
.module-eight{margin-top: 120px; margin-bottom: 120px;}
.module-eight .s-conaniner{margin-top: 20px;}
.module-eight .contact-item{width: 380px; height: 160px; background: #FFFFFF; box-shadow: -4px 0px 10px 0px rgba(0, 0, 0, 0.06);margin-right: 30px;margin-top: 30px;}
.module-eight .contact-item:nth-child(3n){margin-right: 0;}
.module-eight .contact-item .contact-content{height: 142px;width: 100%;padding: 21px;}
.module-eight .contact-item .contact-content .contact-content-right{width: 100px;height: 100px;}
.module-eight .contact-item .contact-content .contact-content-right img{max-width: 100px;max-height: 100px;}
.module-eight .contact-item .contact-content .contact-content-left{position: relative;padding-left: 10px;width: 225px;}
.module-eight .contact-item .contact-content .contact-content-left .people_title{font-size: 20px; font-weight: bold; color: #EF7E00; opacity: 0.8;}
.module-eight .contact-item .contact-content .contact-content-left p{ font-size: 14px; font-weight: 500; color: #222222;margin-top: 8px;}
.module-eight .contact-item .contact-foot{width:100%;height: 18px;background-image: url("https://cdn.vcbeat.top/upload/danhuangtech/Computer/vbdata/img/vbdata-ban2.png"); background-repeat: repeat;background-size: 113px auto; }