/* 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:100px;}
.module-one .s-conaniner {height:760px; width:100%;text-align: center;position: relative;padding:180px 0;margin-top:60px;}
.module-one .s-conaniner .logo-center{ position: absolute; top:440px; left:440px;width:336px;}
.module-one .circle{ width: 380px; height: 380px;  border: 1px solid #EF7E00;  border-radius: 50%; text-align: center;}
.module-one .circle p:nth-child(1){ font-size: 28px; font-weight: bold; color: #EF7E00; line-height: 32px;width:100%;}
.module-one .circle p:nth-child(3){ font-size: 14px;font-weight: 500;color: #333333;line-height: 32px;width:100%;margin-top:28px;}
.module-one .circle .circle-line{ width:100%;text-align: center;margin-top:20px;}
.module-one .circle .circle-line p{ width: 56px; height: 2px; background: #EF7E00;}
.module-one .circle1{ position: absolute; top:0; left:420px;}
.module-one .circle2{ position: absolute; top:380px; right:0;}
.module-one .circle3{ position: absolute; top:380px; left:0;}
.animate__circle {-webkit-animation-name:fadeIn;animation-name: fadeIn;}
.animate__circle .circle1{animation:fadeInUp;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both;}
.animate__circle .circle2{animation:fadeInUp;animation-duration:1s; animation-delay:1s;animation-fill-mode: both;}
.animate__circle .circle3{animation:fadeInUp;animation-duration:1s; animation-delay:2s;animation-fill-mode: both; }

/* 发展历程 */
.module-two{ margin-top:100px;}
.module-two .s-conaniner{padding:0 56px;margin-top:56px;}
.module-two .year-item{ position: relative;min-height: 127px;width:0; overflow: hidden;}
.module-two .year-item .line1{width:100%; height: 1px;background: #FFFFFF;position: absolute; top: 0;left: 0;z-index:0;}
.module-two .year-item .line1-left{width:380px; height: 1px; background: #EF7E00;position: absolute; top: 0;left: 0;z-index:1;}
.module-two .year-item .line1-bottom{width:100%; height: 1px;background: #FFFFFF;position: absolute; bottom: 0;left: 0;z-index:0;}
.module-two .year-item .line1-left-bottom{width:380px; height: 1px; background: #EF7E00;position: absolute; bottom: 0;left: 0;z-index:1;}
.module-two .year-left{width:247px; font-size: 26px; font-weight: 500; color: #EF7E00; line-height: 32px;padding-top:26px;}
.module-two .year-right{width:841px;position: relative;}
.module-two .year-right .month-item{padding:30px 0 50px 0;position: relative;width:0; overflow: hidden;}
.module-two .year-right .plus{text-align: right;cursor: pointer;}
.module-two .year-right .plus i{color: #EF7E00; font-size: 32px; line-height: 127px; margin-right: 20px; }
.module-two .year-item .line2{ width:100%;height: 1px;background: #FFFFFF;position: absolute; top: 0;left: 0;z-index:0;}
.module-two .year-item .line2-left{width: 132px; height: 1px; background: #EF7E00;position: absolute; top: 0;left: 0;z-index:1;}
.module-two .year-right .month-item .month-left{font-size: 16px;font-weight: 500;color: #EF7E00;line-height: 32px;width:170px;}
.module-two .year-right .month-item .month-right{ font-size: 16px; font-weight: 400; color: #333333; line-height: 32px; width:cale(841px - 132px)}

.progress{animation:progress 1s linear;animation-fill-mode: both;}
.progress2{animation:progress 1s linear;animation-fill-mode: both;}
.progress2:nth-child(1){animation-delay: .1s}
.progress2:nth-child(2){animation-delay: .4}
.progress2:nth-child(3){animation-delay: .7s}
.progress2:nth-child(4){animation-delay: 1s}
.progress2:nth-child(5){animation-delay: 1.3s}
.progress2:nth-child(6){animation-delay: 1.6s}
.progress2:nth-child(7){animation-delay: 1.9s}
.progress2:nth-child(8){animation-delay: 2.2s}
.progress2:nth-child(9){animation-delay: 2.5s}
.progress2:nth-child(10){animation-delay: 2.8s}
.progress2:nth-child(11){animation-delay: 3.1s}
.progress2:nth-child(12){animation-delay: 3.4s}
.progress2:nth-child(13){animation-delay: 3.7s}
.progress2:nth-child(14){animation-delay: 4s}
.progress2:nth-child(15){animation-delay: 4.3s}

@keyframes progress{
  0%{width:0;}
  100%{width:100%;}
}
/* 发展历程  富文本 */
.module-two .logo16{height:16px;margin-right:10px;margin-bottom:-2px;}
.module-two .logo28{height:28px;}
.module-two .logo220{height:220px;}
.module-two .logo20{height:20px;}
.module-two .logo30{height:30px;}
.module-two .logo117{height:117px;margin-right:20px;}

/* 加入我们 */
.module-three{margin-top:100px;}
.module-three .s-conaniner{width:888px; margin:0 auto;height:467px;position: relative; margin-top:76px;}
.module-three .s-conaniner .join{position: relative;width:404px;background: #FFFFFF;padding:39px 37px;}
.module-three .s-conaniner .join .join-p1{ font-size: 22px; font-weight: bold; color: #EF7E00;}
.module-three .s-conaniner .join .join-p2{ font-size: 16px;font-weight: 400;color: #333333;line-height: 26px;margin-top:30px;}
.module-three .s-conaniner .join-demand{height: 300px;}
.module-three .s-conaniner .join-help{height: 360px;position: absolute;right: 0;bottom:0;}
.module-three .s-conaniner .join-email{width: 404px;  height: 60px;  background: #EF7E00;margin-top:107px;position: relative;}
.module-three .s-conaniner .join-email .corner{width: 0;height: 0;border-color: transparent #fff;border-width:0 0 14px 14px;border-style:solid; position: absolute; left: 6px; top: 6px;}
.module-three .s-conaniner .join-email p{text-align: center;font-size: 22px; font-weight: bold; color: #FFFFFF;line-height: 60px;}
.module-three .s-conaniner .right{ position: absolute; top:253px;left:373px;}
.module-three .s-conaniner .left{ position: absolute; bottom:30px; right:373px;}
.module-three .post-content{ width:100%; margin-top:80px; }
.module-three .post-item { width: 278px; height: 100px; background: #FFFFFF; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);position: relative; margin-right:29px; padding:0 30px;margin-top:30px;cursor: pointer;}
.module-three .post-item:nth-child(4n){margin-right:0;}
.module-three .post-item:nth-child(even){margin-top:10px;}
.module-three .post-item p{ font-size: 20px; font-weight: bold; color: #333333; line-height: 32px;width:151px;}
.module-three .post-item img{ width:39px;}
.module-three .corner{width: 0;height: 0;border-color: transparent #EF7E00;border-width:0 0 14px 14px;border-style:solid; position: absolute; left: 0; top: 0;}
.module-three .post-item:hover img{ transition: all .6s;transform: translateX(10px);}

/* 公司概要 */
.module-four{margin:100px 0;}
.module-four .s-conaniner{padding:0 56px;margin-top:56px;}
.module-four .desc-item{ position: relative;min-height: 127px;width:0; overflow: hidden;}
.module-four .desc-item .line1{width:100%;height: 1px;background: #FFFFFF;position: absolute; top: 0;left: 0;z-index:0;}
.module-four .desc-item .line1-left{width:380px; height: 1px; background: #EF7E00;position: absolute; top: 0;left: 0;z-index:1;}
.module-four .desc-item .line1-bottom{width:100%; height: 1px;background: #FFFFFF;position: absolute; bottom: 0;left: 0;z-index:0;}
.module-four .desc-item .line1-left-bottom{ width:380px;height: 1px; background: #EF7E00;position: absolute; bottom: 0;left: 0;z-index:1;}
.module-four .desc-left{width:380px; font-size: 26px; font-weight: 500; color: #EF7E00; line-height: 32px;padding-top:26px;}
.module-four .desc-right{width:708px; font-size: 16px; font-weight: 400; color: #333333; line-height: 32px;padding:30px 0 50px 36px;}
.module-four .desc-right img{margin-left:10px;}
.right-black{height:4px;}
.desc-item .desc-right a{cursor: pointer;}
.desc-item .desc-right a:hover img{ transition: all .6s;transform: translateX(10px);}


/* 弹窗 */
/* 分数详情弹窗 */
#post-pop { z-index:999; position: fixed; left: 0; top: 0;width: 100%; height: 100%;}
.post_mask{width: 100%; height: 100%;  background: #000000; opacity: 0.4;position: absolute;}
.post-wraper-pop { width: 750px; background: #FFFFFF; z-index: 1; padding:39px 40px;position: relative;}
.post-wraper-pop .corner{width: 0;height: 0;border-color: transparent #EF7E00;border-width:0 0 14px 14px;border-style:solid; position: absolute; left: 0; top: 0;}
.post-top { width: 100%; background:#fff;}
.post-top div { font-size: 20px; font-weight: bold; color: #343434;}
.post-top span {  cursor: pointer;font-size: 20px; font-weight: bold;color: #343434;}
.post-desc{max-height:260px;overflow-y: auto;margin-top:20px; overscroll-behavior-y: contain;}
.post-desc::-webkit-scrollbar{width: 6px; height: 100%;  border-radius: 3px;/*滚动条整体样式*/}
.post-desc::-webkit-scrollbar-thumb{ background: #EBEBEB; border-radius: 3px;/*滚动条里面小方块*/}
.post-desc::-webkit-scrollbar-track{ background: #fff; border-radius: 3px;/*滚动条里面轨道*/}
.post-content:nth-child(2){margin-top:20px;}
.post-content .post-content-title{ font-size: 16px;font-weight: bold;color: #F07E00; }
.post-content .post-content-desc{  font-size: 14px; font-weight: 400; color: #343434; line-height: 26px; margin-top:15px;}
.post-wraper-pop .join-email{width: 222px;  height: 40px;  background: #EF7E00;margin-top:28px;position: relative;}
.post-wraper-pop .join-email .corner{width: 0;height: 0;border-color: transparent #fff;border-width:0 0 8px 7px;border-style:solid; position: absolute; left: 6px; top: 6px;}
.post-wraper-pop .join-email p{text-align: center;font-size: 14px; font-weight: bold; color: #FFFFFF;line-height: 40px;}