.goTop{display: none!important;}

/* 导航 black*/

.black .nav ul li a{color: #333;}

/* 搜索 black2*/

.black2 .search a{color: #333;}

.full{left: 0;top: 0;width: 100vw;height: 100vh;position: relative;overflow: hidden;}

.full .fllL{width: calc(100vw * (1220 / 1920));/* padding-left: 40px; */position: relative;overflow: hidden;}

.full .fllR{width: calc(100vw * (700 / 1920));padding-right: 60px;position: relative;overflow: hidden;}

.news {color: #333;}

.news .fllL{background-color: #e8e8e8;}

.news .fllR{background-color: #f9f9f9;}

/* 公共标题 */

.fullTit{text-align: right;top: 16vh;right: 60px;position: absolute;z-index: 9;}

.fullTit h4,.fullTit h5,.fullTit h6{line-height: 1em;}

.fullTit h4{font-size: 48px;letter-spacing: -1px;}

.fullTit h5{font-size: 48px;font-weight: 500;margin: 4px auto 14px;letter-spacing: -1px;}

.fullTit h6{font-size: 26px;}

/* 公共底部 */

.fullBottom{position: fixed;bottom: 0;width: calc(100vw * (700 / 1920));height: 120px;background-color: #fff;right: 0;z-index: 9;}

.fullBottom>div{align-items: center;justify-content: center;}

.fullBottomL{border-right: 1px solid #ededed;width: 30%;}

.fullBottomL .arrow span{font-size: 28px;display: block;cursor: pointer;transition: all .4s;outline: none;}

.fullBottomL .arrow span.prev{color: #b8b8b8;}

.fullBottomL .arrow span.next{color: #d6000f;transform: rotate(180deg);}

.fullBottomL .arrow span.prev:hover{transform: translateY(-2px);}

.fullBottomL .arrow span.next:hover{transform: translateY(2px) rotate(180deg);}

.fullBottomC{width: 40%;color: #b8b8b8;}

.fullBottomC span{font-size: 36px;color: #d6000f;display: inline-flex;margin-right: 10px;}

.fullBottomR{width: 30%;background-color: #c8000e;}

.fullBottomR em{color: #fff;font-size: 38px;}

.slowUp{animation:slowUp 1.5s linear infinite forwards;}

@keyframes slowUp{0%{transform:translateY(16px)}50%{transform:translateY(0px)}100%{transform:translateY(16px)}}

/* 1 首屏轮播 */

.homeScreen{position: relative;}

.bannerIndex{overflow: hidden;width: 100%;height: 100%;}

.bannerIndex img{width: 100%;/* display: block; */height: 100%;}

.bannerIndex .swiper-slide{position: relative;overflow: hidden;}

.bannerIndex h2,.bannerIndex p{position: absolute;z-index: 10;opacity: 0;}

.bannerIndex h2{color: #fff;top: 41vh;font-size: 80px;line-height: 1.3em;left: 5%;}

.bannerIndex .swiper-slide-active h2{animation: fadeInLeft 2s linear 0s 1 both;}

.bannerIndex p{font-size: 16px;color: rgba(255, 255, 255, .5);top: 65vh;left: 5%;}

.bannerIndex .swiper-slide-active p{animation: fadeInLeft 2s linear 0s 1 both;}

@keyframes fadeInLeft{

    0%{opacity:0;left: 5%;}

    50%{opacity:0;left: 0%;}

    100%{opacity:1;left: 5%;}

}

.bannerIndex .swiper-slide-active img{animation: scale 6s linear;}

@keyframes scale{

    0%{opacity:.97;transform: scale(1.2);}

    100%{opacity:1;transform: scale(1);}

}

.bannerIndex .swiper-pagination{left: 5%;top: 74vh;}

.bannerIndex .swiper-pagination-bullet{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,0);background-color:transparent;outline: none;border-top-width: 1px;position: relative;opacity: 1;}

.bannerIndex .swiper-pagination-bullet::before{width: 8px;height: 8px;content: '';background-color: #fff;position: absolute;left: 6px;top: 6px;border-radius: 50%;}

@keyframes spin{

    0%{transform:rotate(0deg)}

    100%{transform:rotate(360deg)}

}

.bannerIndex .swiper-pagination-bullet-active{opacity: 1;}

.ui-loop{width:20px;height:20px;}

.path-loop{fill:none;stroke:transparent;stroke-miterlimit:10;stroke-width:3px}

.path-loop-bg{fill:none;stroke:transparent;stroke-miterlimit:10;stroke-width:3px;opacity:0.1}

.bannerIndex .swiper-pagination-bullet-active .path-loop,

.bannerIndex .swiper-pagination-bullet-active .path-loop-bg{stroke:#d6000f;}

.bannerIndex .swiper-pagination-bullet-active::before{background-color: #d6000f;}

/* 2 解决快盈VIII官网案 */

.solution{background: url(/static/home/images/banner2.jpg) no-repeat;background-size: cover;}

.solution .fullTit{color: #fff;}

.solutionTab{width: 68%;margin: 0 auto;flex-wrap: wrap;justify-content: flex-end;}

.solutionTab .item{position: relative;cursor: pointer;width: calc(100% / 3);}

.solutionTab .item a{display: flex;width: 100%;}

.solutionTab .item img{display: block;width: 100%;}

.solutionTab .itemTxt{position: absolute;left: 0;top: 0;justify-content: center;align-items: center;color: #fff;right: 0;bottom: 0;z-index: 2;}

.solutionTab .itemTxt>div{width: 80%;}

.solutionTab .itemTxt>div>div{/* display: flex;align-items: end; height: 30px;*/}

.solutionTab .itemTxt em{font-size: 30px;/* margin-top: 10%; */transition: all .4s ease;line-height: 1;}

.icon-dimian,.icon-baowen{font-size: 34px!important;}

.icon-dimian{margin-top: 10px;}

/* .icon-baowen{margin-top: 6px;} */

.solutionTab .itemTxt .ttxt{/* height: 70px; */flex-wrap: wrap;/* border: 1px solid red; */}

.solutionTab .itemTxt h6{font-size: 18px;margin-top: 20%;transition: all .4s ease;font-weight: 500;}

.solutionTab .itemTxt span{color: #a9a9a9;font-size: 12px;transition: all .4s ease;display: inline-flex;}

.solutionTab .itemTxt i{display: flex;font-size: 19px;width: 20px;margin-top: 10%;opacity: 0;transition: all .4s;transform: rotate(180deg) translateX(4px);}

.solutionTab .item::before{background-color: rgba(214, 0, 15, 0);z-index: 1;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .4s ease;}

.solutionTab .item:hover::before,.solutionTab .item.active::before{background-color: rgba(214, 0, 15, .8);}

.solutionTab .item:hover em,.solutionTab .item.active em{margin-top: 0;}

.solutionTab .item:hover h6,.solutionTab .item.active h6{margin-top: 20%;}

.solutionTab .item:hover span,.solutionTab .item.active span{color: #ff8890;}

.solutionTab .item:hover .itemTxt i,.solutionTab .item.active .itemTxt i{opacity: 1;transform: rotate(180deg) translateX(0);}

.solution .fllR,.factory .fllR{background-color: #d6000f;color: #fff;}

.solution .tabTxt span{color: #ff8890;}

.solution .tabTxt h5{font-size: 36px;font-weight: 600;}

.solution .tabTxt h6{margin: 8px auto;}

.solution .tabTxt ul{margin: 4vh auto;}

.solution .tabTxt ul li{line-height: 50px;display: flex;align-items: center;}

.solution .tabTxt ul li em{margin-right: 10px;font-size: 12px;}

.solution .tabTxt>div{display: none;transition: all .4s ease-in-out;}

.solution .tabTxt>div.active{display: block;animation-duration: .6s;color: #fff!important;}

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}100%{opacity:1;transform:none;}}

.fadeInUp{animation-name:fadeInUp}

/* 3 经典工程 */

.projectTabB .txt{position: absolute;left: 3%;bottom: 6%;color: #fff;}

.projectTabB .txt h6{font-size: 24px;margin-bottom: 4px;}

.projectTabB .txt p{font-size: 14px;}

.projectTabS{margin-top: 6px;}

.projectTabS .swiper-slide::before{background-color: rgba(0, 0, 0, .5);position: absolute;width: 100%;height: 100%;z-index: 1;content: '';}

.projectTabS .swiper-slide img{display: block;}

.projectTabS .swiper-slide-thumb-active::before{background-color: rgba(0, 0, 0, 0);}

.projectTabS .btn{position: absolute;z-index: 1;bottom: 33%;background-color: rgba(0, 0, 0, .5);width: 25px;height: 50px;transition: all .4s;cursor: pointer;outline: none;}

.projectTabS .btn em{opacity: .6;font-size: 22px;margin: 11px 0;border: 1px solid transparent;}

.projectTabS .prev em{transform: rotate(-90deg);display: block;}

.projectTabS .next em{transform: rotate(90deg);display: block;} 

.projectTabS .btn:hover{background-color: rgba(0, 0, 0, .9);}

.projectTabS .prev{left: 0;}

.projectTabS .next{right: 0;}

.classicProject .fllL{background-color: #d6000f;color: #fff;justify-content: center;}

.classicProject .fllR{background-color: #f9f9f9;color: #333;}

.classicProject .fllL>div.tabB{width: 76%;max-width: 844px;}

.classicProject .fllL>div.tabB img{width: 100%;}

.tabTxt h6{font-size: 30px;font-weight: 600;}

.tabTxt span{font-size: 14px;color: #999;}

.tabTxt>div{font-size: 16px;color: #333;/* margin: 10% auto; */line-height: 1.8em;}

.tabTxt a{background-color: #d6000f;border-radius: 500px;display: inline-flex;padding: 7px 20px;font-weight: 900;}

.tabTxt a em,.tabTxt a{color: #fff;font-size: 14px;}

.tabTxt a em{margin-left: 10px;transform: rotate(180deg);display: block;transition: all .4s;}

.tabTxt a:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .2);}

.tabTxt a:hover em{transform:rotate(180deg) translateX(-4px);}

.classicProject .roll{margin: 60px 0;}

/* 4 工厂布局 */

.factory .fllL{ background: url(/static/home/images/mapbg.png) no-repeat;background-size: cover; position: relative;background-color: #f9f9f9;}

.macpBig{position: absolute;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);font-size: 12px;width: 70%;}

.macpBig .mapC .map{position:relative;}

.macpBig .mapC .map > img{width:100%}

.macpBig .mapC .map .item{position:absolute;opacity:0;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;cursor:pointer;margin-left: 2.2%;opacity: 0;}

.macpBig .mapC .map .item:hover{transform: translateY(2px);transition: all .2s ease;color: #d6000f!important;}

.macpBig .mapC .map .item:hover em{-webkit-transform:scale(1.1);transform:scale(1.1);}

.macpBig .mapC .map .item1{left:67.18%;top:34.66%;z-index: 99;}

.macpBig .mapC .map .item2:nth-child(2){left:66.88%;top:43.96%}

/* .macpBig .mapC .map .item2:nth-child(3){left:66.99%;top:32.28%} */

.macpBig .mapC .map .item2:nth-child(4){left:71.75%;top:36.04%}

.macpBig .mapC .map .item2:nth-child(5){left:74.63%;top:44.88%}

/* .macpBig .mapC .map .item2:nth-child(6){left:61.45%;top:47.55%} */

/* .macpBig .mapC .map .item2:nth-child(7){left:52.57%;top:46.35%} */

.macpBig .mapC .map .item2:nth-child(8){left:66%;top:50.39%}

/* .macpBig .mapC .map .item2:nth-child(9){left:48.39%;top:51.93%} */

.macpBig .mapC .map .item2:nth-child(10){left:72.42%;top:60.5%}

/* .macpBig .mapC .map .item2:nth-child(11){left:74.72%;top:12.36%} */

/* .macpBig .mapC .map .item2:nth-child(12){left:81.93%;top:16.34%} */

.macpBig .mapC .map .item2:nth-child(13){left:77%;top:62.94%}

.macpBig .mapC .map .item2:nth-child(14){left:59.61%;top:59%}

.macpBig .mapC .map .item2:nth-child(15){left: 20.25%;top: 27.67%;} 

/* .macpBig .mapC .map .item2:nth-child(16){left:34.7%;top:51.4%} */

.macpBig .mapC .map .item2:nth-child(17){left:44.83%;top:65.74%}

.macpBig .mapC .map .item2:nth-child(18){left:68.57%;top:81.94%}

/* .macpBig .mapC .map .item3:nth-child(19){left:70.54%;top:25.1%} */

.macpBig .mapC .map .item3:nth-child(20){left:82.03%;top:23.64%}

.macpBig .mapC .map .item3:nth-child(21){left:78.58%;top:30.55%}

.macpBig .mapC .map .item3:nth-child(22){left:55.8%;top:53%}

.macpBig .mapC .map .item3:nth-child(23){left: 76.8%;top: 56%;}

.macpBig .mapC .map .item3:nth-child(24){left:72.91%;top:66.82%}

/* 浏阳 */

.macpBig .mapC .map .item3:nth-child(25){/* left:59.35%;top:71.95% */left: 62.35%;top: 68.95%;}

/* .macpBig .mapC .map .item3:nth-child(26){left:52.67%;top:74.77%} */

.macpBig .mapC .map .item3:nth-child(27){/* left:75.24%;top:74.24% */left:74.24%;top:76.24%}

.macpBig .mapC .map .item3:nth-child(28){left:42.22%;top:81.15%}

/* .macpBig .mapC .map .item3:nth-child(29){left:57.06%;top:82.61%} */

.macpBig .mapC .map .item3:nth-child(30){left:54.42%;top:65.4%}

.macpBig .mapC .map .item3:nth-child(31){/* left:59.82%;top:93.6% */left: 60%;top: 93%;}

.macpBig .mapC .map .item3:nth-child(32){left:65.82%;top:79.6%;}

.macpBig .mapC .map .item3:nth-child(33){left:63%;top:83.6%;}

.macpBig .mapC .map .item3:nth-child(34){left:61%;top:87%;}

.macpBig .mapC .map .item3:nth-child(35){left: 79.6%;top: 58.6%;}

.macpBig .mapC .map .item3:nth-child(36){left: 73.1%;top: 52.6%;}

/* .macpBig .mapC .map .item2:nth-child(37){left:71%;top:55.8%} */

.macpBig .mapC .map .item3:nth-child(38){left: 60.05%;top: 66.85%;}

.macpBig .mapC .map .item3:nth-child(39){left: 64.55%;top: 70.85%;}

/* 济南 */

.macpBig .mapC .map .item3:nth-child(40){left:70%;top:45.89%}



/* 新增 2022.10.13 */

/* 兰州 */

.macpBig .mapC .map .item3:nth-child(41){left: 47.8%;top: 50.45%;}

/* 郑州 */

.macpBig .mapC .map .item3:nth-child(42){left:64%;top:53.39%}

/* 海南太和 */

.macpBig .mapC .map .item3:nth-child(43){left: 58.2%;top: 95.4%;}

/* 南宁 */

.macpBig .mapC .map .item3:nth-child(44){left:57%;top:84.2%;}

/* 梅州 */

.macpBig .mapC .map .item3:nth-child(45){left:71%;top:80%}

/* 福州 */

.macpBig .mapC .map .item3:nth-child(46){left:76.24%;top:74%}

/* 台州 */

.macpBig .mapC .map .item3:nth-child(47){left:78.4%;top:66.74%}

/* 苏州 */

.macpBig .mapC .map .item3:nth-child(48){left: 76.8%;top: 59%;}

/* 宿迁 */

.macpBig .mapC .map .item3:nth-child(49){left: 75.2%;top: 54.2%;}

/* 太原 */

.macpBig .mapC .map .item3:nth-child(50){left: 61.8%;top: 44.85%;}

/* 南昌 */

.macpBig .mapC .map .item3:nth-child(51){left: 68.91%;top: 68.82%;}



.macpBig .mapC .map .item,.mapDes p{color: #333;}

.macpBig .mapC .map .item.gray,.mapDes p.gray{color: #999;}

.macpBig .mapC .map .item em,.mapDes p em{background-color: #d6000f;width: 7px;height: 7px;display: inline-block;margin-right: 4px;border-radius: 50%;}

.mapDes{position: absolute;left: -12%;bottom: -4%;}

.mapDes p{position: relative;margin-bottom: 10px;}

.macpBig .mapC .map p.beijing{width: 30px;height: 30px;border-radius: 50%;background-color: #d6000f;color: #fff;display: flex;align-items: center;justify-content: center;position: relative;}

.macpBig .mapC .map p.beijing::before{position: absolute;width: 100%;height: 100%;left: 0;top: 0;content: '';background-color: #d6000f;opacity: .1;border-radius: 50%;z-index: -1;opacity: 0;animation:ripple 1.6s ease-out infinite;}

.macpBig .mapC .map p.beijing::after{content: '';position:absolute;top:-300%;left:-300%;border:1px dashed #e5c2c4;border-radius:50%;width: 700%;height: 700%;animation: circle 13s linear infinite;}

.macpBig .mapC .map p.beijing i{position:absolute;top:-150%;left:-150%;border:1px dashed #e5c2c4;border-radius:50%;width: 400%;height: 400%;animation: circle 15s linear infinite;}

@keyframes ripple{0%{opacity:.35;transform:scale(0)}100%{opacity:0;transform:scale(3)}}

@keyframes circle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}} 

.factory .fullTit{color: #fff;}

.factoryTxt{font-size: 16px;flex-direction: column;align-items: flex-end;margin: 42vh auto 0;}

.factoryTxt p{width: 90%;line-height: 1.8em;padding-left: 2%;}

.factoryTxt p:first-of-type{margin-bottom: 30px;}

/* 5 技术服务 */

.services{background: url(/static/home/images/banner4.png) no-repeat;background-size: cover;}

.services .fllL{ display: flex;align-items: flex-end;margin-left: 3.1%;width: 100%;}

.services .fllR{width: 15vw;}

.services .itemC{width: 100%;max-width: 240px;}

.services .itemC:hover{border-color: #d6000f;}

.services .itemC:hover .item{background-color: #d6000f;color: #fff;}

.services .item1{height: 62vh;}

.services .item2{height: 43vh;}

.services .item3{height: 66vh;}

.services .item4{height: 47vh;}

.services .item5{height: 59vh;}

.services .item{color: #333;padding: 26px 20px;transition: all .4s;position: relative;}

.services .item em{font-size: 40px;}

.services .item h6{font-size: 24px;margin: 8px auto;}

.services .item p{color: #c6c6c6;font-size: 14px;text-transform:uppercase;}

.serviceTab {width: 100%;position: relative;margin: initial;width: 78.2vw;/* height: 340px; */}

.serviceTab .swiper-wrapper{display: flex;align-items: flex-end;}

.serviceTab .swiper-slide{border-left: 1px solid #030000;transition: all .4s;width: 20%;}

.services .fllL{position: relative;}

.servicesBtn{position: absolute;right: 60px;bottom: 31vh;width: 160px;display: flex;justify-content: space-between;z-index: 999;}

.servicesBtn div{outline: none;transition: all .5s;cursor: pointer;}

.servicesBtn img{display: block;}

.servicesBtn div:hover{transform: translateY(-2px);}

.servicesBtn div.swiper-button-disabled{opacity: .4;}

.services .fullTit{/* position: absolute;right: 60px;top: 0; */}

/* 6 快盈VIII牌资讯 */

.news .fllL,.classicProject .fllL,.solution .fllL{align-items:center;padding-top: 10vh;}

.newsCarousel{max-width: 70%;}

.newsCarousel .swiper-slide{position: relative;padding-bottom: 10%;border-bottom: 1px solid #b0b0b0;height: calc(100% - 90px);margin-bottom: 90px;}

.newsCarousel .swiper-slide dt{width: 52%;}

.newsCarousel .swiper-slide dd{width: 44%;}

.newsCarousel .swiper-slide dd{flex-direction: column;margin-left: 4%;justify-content: space-between;}

.newsCarousel .swiper-slide p{font-size: 26px;font-weight: 600;margin-top: 3%;}

.newsCarousel .swiper-slide strong{display: block;font-size: 14px;color: #d7121e;margin-bottom: 14%;}

.newsCarousel .swiper-slide strong a{font-size: 14px;color: #d6000f;}

.newsCarousel .swiper-slide>a{display: block;position: absolute;right: 0;bottom: 6%;font-size: 80px;color: #b0b0b0;font-weight: 100;transition:transform .4s;}

.newsCarousel .swiper-slide>a:hover{color: #d6000f;transform: rotate(90deg);}

.swiper-pagination{text-align: left;}

.swiper-pagination-bullet{border-radius: 0;outline: none;}

.swiper-pagination-bullet-active{background-color: #d6000f;}

.newsList,.tabTxt{width: 80%;margin: 40vh auto 0;}

.newsList strong,.newsList em,.newsList span{display: flex;}

.newsList dl{justify-content: space-between;padding-bottom: 6%;margin-bottom: 6%;position: relative;}

.newsList dl::before{background-color:transparent;content: '';position: absolute;bottom: 0;height: 1px;width: 0;transition: all .5s;}

.newsList dt{text-align: center;position: relative;width: 16%;}

.newsList dt::before{background:#dcdcdc;content: '';position: absolute;right: -20%;height: 40px;width: 1px;top: 0;}

.newsList dt strong{font-size: 36px;color: #333;line-height: 1;}

.newsList dt em{font-size: 12px;color: #999;}

.newsList dd{width: 74%;}

.newsList dd a p{color: #666;font-weight: 600;}

.newsList dd span{font-size: 14px;color: #999;margin-top: 10px;}

.newsList dl:hover::before{background-color: #dcdcdc;width: 100%;}

.newsList dl:hover a p{color: #333;}

.newsList dl:hover a span{color: #d6000f;}

/* 英文字母 */

.full .enTit{position: absolute;width: 100%;left: 0;top: 0;}

.solution .enTit{background: url(/static/home/images/jjfa-tit.png) no-repeat right top;bottom: 100px;}

.classicProject .enTit{background: url(/static/home/images/bar.png) no-repeat left bottom;background-size: 100%;bottom: 40px;}

.factory .enTit{background: url(/static/home/images/gcbj-tit.png) no-repeat right top;bottom: 100px;} 

.services .enTit{background: url(/static/home/images/jjfw-tit.png) no-repeat right top;bottom: 100px;} 

.news .enTit{background: url(/static/home/images/bar2.png) no-repeat left bottom;background-size: 100%;bottom: 21%;}



/* 动效 */

@keyframes fadeInUps{

  50%{opacity:0;transform: translateY(-10%);}

  100%{opacity:1;transform: translateY(0%);}

}

@keyframes fadeInDown{

    50%{opacity:0;transform: translateY(100%);}

    100%{opacity:1;transform: translateY(0%);}

}

@keyframes fadeInUpB{

    50%{opacity:0;transform: translateY(100%);}

    100%{opacity:1;transform: translateY(0%);}

}

@keyframes fadeInRight{

    50%{opacity:0;transform: translateX(-10%);}

    100%{opacity:1;transform: translateX(0%);}

}

@keyframes fadeInRights{

    50%{opacity:0;right: 0;}

    100%{opacity:1;right: -10%;}

}

@keyframes fadeInLeftS{

    50%{opacity:0;left: -10%;}

    100%{opacity:1;left: 0%;}

}

@keyframes fadeInLefts{

    50%{opacity:0;left: -100%;}

    100%{opacity:1;left: 0%;}

}

@keyframes fadeInScale{

    50%{opacity:0;transform: scale(0);transform-origin: center;}

    100%{opacity:1;transform: scale(1);transform-origin: center;}

}

@keyframes fadeIn{

    0%{opacity:0;transform: translateY(-2px);}

    50%{opacity:1;transform: translateY(1px);}

    100%{opacity:1;transform: none;}

}

@keyframes ripples{

    0%{opacity:0;transform:scale(0)}

    100%{opacity:1;transform:scale(1)}

}

@keyframes right{

    0%{right: 0;height: 100%;bottom: 0;}

    100%{right: -89%;height: 100%;}

}

@keyframes height{

    0%{right: -89%; height: 100%;bottom: 0;}

    100%{right: -89%; height: 120px;bottom: 0;}

}

@keyframes height2{

    0%{right: -89%; height: 100%;bottom: 0;}

    100%{right: -89%; height: 100px;bottom: 0;}

}

@keyframes fadeInRightss{

    0%{opacity:0;transform: translateX(100%);right: -11%;}

    100%{opacity:1;transform: translateX(0%);}

}

@keyframes fadeInR{0%{width: 100%;}100%{width: 0;}}

@keyframes fadeInL{0%{width: 100%;}100%{width: 0;}}

@keyframes fade{0%{opacity: 0;height: 0;}100%{opacity: 1;height: 100%;}}

@keyframes fades{0%{opacity: 0;}100%{opacity: 1;}}



/* 1 首屏轮播 */

.header{animation: fades 1s ease 1.4s both}

.scroll .swiper-slide-active .homeScreen::before{position: absolute;width: 100%;content: '';background-color: #c8000e;z-index: 9999;animation: right 1s ease 0s,height 1s linear 1s forwards;}

.scroll .swiper-slide-active .homeScreen .fullBottom{animation: fades 1s ease 2.4s both;opacity: 1;z-index: 9999;}

/* 2 解决快盈VIII官网案 */

.scroll .swiper-slide .solution .fllR{background-color: transparent;position: relative;}

.scroll .swiper-slide-active .solution .fllR::before{position: absolute;width: 100%;content: '';bottom: 0;background-color: #d6000f;right: 0;animation: fade 1.2s ease 0s both;}

.scroll .swiper-slide-active .solution .solutionTab{opacity: 0;animation: fadeInUps .8s ease .6s both;}

.scroll .swiper-slide-active .solution .enTit{opacity: 0;animation: fadeInRights .8s ease 1.2s both;}

.scroll .swiper-slide-active .solution .fullTit{opacity: 0;animation: fadeInRight .8s ease 1.6s both;}

.scroll .swiper-slide-active .solution .tabTxt{opacity: 0;animation: fadeInUps .8s ease-in-out 2s both;}

/* 3 经典工程 */

.scroll .swiper-slide-active .classicProject::before{position: absolute;width: 100%;content: '';background-color: #c8000e;z-index: 9999;left: 0;top: 0;height: 100%;animation: fadeInR 1.4s ease 0s both}

.scroll .swiper-slide-active .classicProject .enTit{opacity: 0;animation: fadeInLeftS 1s ease .6s both;}

.scroll .swiper-slide-active .classicProject .tabB{opacity: 0;animation: fadeInUps .8s ease 1.4s both;}

.scroll .swiper-slide-active .classicProject .fullTit{opacity: 0;animation: fadeInUps .8s ease .2s both;}

.scroll .swiper-slide-active .classicProject .tabTxt{opacity: 0;animation: fadeInUps .8s ease .21s both;}

/* 4 工厂布局 */

.scroll .swiper-slide-active .factory .scale{opacity: 0;animation: fadeInScale .8s ease-in-out .6s both;}

.scroll .swiper-slide-active .factory .enTit{opacity: 0;animation: fadeInRights .8s ease 1.2s both;}

.scroll .swiper-slide-active .factory .fullTit{opacity: 0;animation: fadeInRight .8s ease 1.6s both;}

.scroll .swiper-slide-active .factory .factoryTxt{opacity: 0;animation: fadeInRight .8s ease 2.2s both;}

.scroll .swiper-slide-active .factory .mapC{opacity: 0;animation: ripples .8s ease .2s both;}

.scroll .swiper-slide-active .factory .macpBig .item1{animation: fadeIn .8s ease .8s both;}

.scroll .swiper-slide-active .factory .macpBig .item2{animation: fadeIn 1.2s ease 1.2s both;}

.scroll .swiper-slide-active .factory .macpBig .item3{animation: fadeIn 1.2s ease 2s both;}

/* 5 技术服务 */

.scroll .swiper-slide-active .services .serviceTab{opacity: 0;animation: fadeInUpB 1s ease-out .2s both;}

.scroll .swiper-slide-active .services .enTit{opacity: 0;animation: fadeInRights .8s ease .8s both;}

.scroll .swiper-slide-active .services .fullTit{opacity: 0;animation: fadeInRight .8s ease 1.2s both;}

/* 6 快盈VIII牌资讯 */

.scroll .swiper-slide-active .news::before{position: absolute;width: 100%;content: '';background-color: #fff;z-index: 9999;right: 0;top: 0;height: 100%;animation: fadeInL 1.4s ease 0s both}

.scroll .swiper-slide-active .news .enTit{opacity: 0;animation: fadeInDown .8s ease .4s both;}

.scroll .swiper-slide-active .news .newsCarousel{opacity: 0;animation: fadeInUps 1.2s ease-out .6s both;}

.scroll .swiper-slide-active .news .fullTit{opacity: 0;animation: fadeInLeftS .8s ease-out 1.8s both;}

.scroll .swiper-slide-active .news .newsList{opacity: 0;animation: fadeInLefts .8s ease-out 2.2s both;}

/* 公共底部 */

.footerB{position: relative;bottom: 0;left: 0;height: 100vh;width: 100vw;}

.footerB .footer{position: absolute;bottom: 0;width: 100%;}

.app{display: none;}

.factoryTxt p{margin: auto;padding-left: 4%;}

@media (max-width:1680px) and (min-width:1200px){

.fullTit h4,.fullTit h5{font-size: 34px;}

.fullTit h6{font-size: 20px;}

/* 首屏轮播 */

.bannerIndex h2{font-size: 52px;}

.bannerIndex p{font-size: 12px;}

.scroll .swiper-slide-active .homeScreen::before{animation: right 1s ease 0s,height2 1s linear 1s forwards;}

.icon-dimian{margin-top: 0px;}

}

@media (max-width:1440px) and (min-width:1300px){

.solutionTab .itemTxt .ttxt{height: 50px;}



.header .nav ul{padding-left: 30px;}

/*.header .nav ul li{margin: 0 28px;}*/

.black2 .search a{font-size: 16px;}

.tabTxt{margin:35vh auto 0}

.fullBottom{height: 100px;width: calc(100vw * (700 / 1920) );}

.fullBottomC span{font-size: 32px;}

.services .item em{font-size: 34px;}

.services .item h6{font-size: 20px;}

.services .item p{font-size: 12px;}

/* 新闻轮播 */

.newsCarousel{max-width: 50vw;}

.newsCarousel .swiper-slide p{font-size: 22px;}

.newsCarousel .swiper-slide a{font-size: 60px;}

.newsList dd{padding-right: 2%;}

.newsList dd a p{font-size: 15px;font-weight: 500;}

.newsList dt strong{font-size: 28px;}

/* 经典工程 */

.tabTxt h6{font-size:22px}

.tabTxt span{font-size: 12px;}

.tabTxt p{font-size: 14px;}

/* 解决快盈VIII官网案 */

.solutionTab{width: 72%;}

.factoryTxt{font-size: 14px;}

/* 工厂布局 */

.factoryTxt{margin: 38vh auto 0!important;}

.fullBottomL .arrow span{font-size: 22px;}

.solutionTab .itemTxt h6{margin-top: 20%;font-size: 16px;height: 26px;}

.classicProject .fllL>div.tabB{width: 70%;}

.classicProject .roll{margin: 40px 0;}

/* .tabTxt p{margin: 8% auto;} */

.tabTxt a{padding: 5px 20px;}

.newsCarousel .swiper-slide p{font-size: 20px;}

.solution .tabTxt ul{margin:1.4vh auto}

.newsCarousel .swiper-slide{margin-bottom:0}

.factory .fllL{background-size: 100%;background-position: 0 14%;}

.solution .tabTxt ul li{line-height: 46px;}

.macpBig .mapC .map .item2:nth-child(4){left: 72.75%;}

/* 滚轮 */

.roll{width:100%;height:140px;margin: 40px auto;}

.mCSB_container{width: 96%;}

.mCSB_scrollTools{right:2px;top:0;width:5px;height:100%}

.mCSB_dragger{width:6px;left:-1px;}

.mCSB_dragger_bar{width:6px;height:16px;left:-1px;background:#cd2200;cursor:pointer;border-radius:4px}

.mCSB_dragger_onDrag .mCSB_dragger_bar{background-position:0px 0px}

.mCSB_draggerRail{width:2px;overflow:hidden;height:140px;background:#e6e6e6}

.roll1{height: 240px;}

.roll1 .mCSB_draggerRail{height: 242px;}

.roll2{height: 250px;}

.roll2 .mCSB_draggerRail{height: 200px;}

.roll2 .mCSB_dragger_bar{background-color: #fff;}

.newsList{width: 90%;margin:40vh 0 0 10%}

.factoryTxt p{padding-left: 8%;}

.tabTxt{width: 100%;padding-left: 15%;margin:35vh 0 0 }

.tabTxt .mCSB_container{padding-right:6%;}

.newsList dl{margin-bottom: 2%;}



.solutionTab .item:hover h6,.solutionTab .item.active h6{margin-top: 16%;}

.solutionTab .itemTxt i{margin-top: 14%;}

}

@media (max-width:1200px){

.fullTit{padding-top: 60px;position: relative;right: auto;left: 0;width: 92%!important;top: auto;padding-left: 6%;}

.fullTit h4{font-size: 24px;}

.fullTit h5{font-size: 26px;margin:8px auto 12px}

.fullTit h6{font-size: 16px;}

.full{display: flex;width: 100%;height: initial;flex-direction: column;}

.full .fllL{width: 100%;padding-left: 0;}

.news .fllL, .classicProject .fllL, .solution .fllL{padding-bottom:60px}

.full .fllR{width: 100%;padding-right: 0;}

.fullTit{text-align: left;width: 86%;margin: auto;}

.fullBottom{display: none;}

.bannerIndex{/* height: 300px; */ height:calc(100vh - 72px);}

.bannerIndex h2{font-size: 40px;top: 35%;line-height: 1.5em;}

.bannerIndex p{font-size: 14px;top: 56%;word-break:break-all;width: 250px;line-height: 1.6em;}

.bannerIndex .swiper-pagination{top: 90%;}

.solution .fllR{background-color: #d6000f!important;padding-top: 60px;padding-bottom: 20px;}

.solutionTab{justify-content:flex-start;}

.solutionTab.flex{width: 86%!important;margin-top: 60px;}

.solutionTab .item{width: 50%!important;}

.solutionTab .itemTxt.flex{top: 12px;left: 10%;right: auto;bottom: auto;width: 80%;}

.solutionTab .item:hover h6, .solutionTab .item.active h6{margin-top: 10px;}

.solutionTab .itemTxt i{font-size: 16px;margin-top: 10px;}

.solutionTab .itemTxt h6{margin-top: 20px;margin-bottom: 4px;font-size: 16px;}

.solutionTab .itemTxt span{transform: scale(.9);transform-origin: left center;width: 103%;}

.factory .fullTit{color: #333;padding-bottom: 60px;background-color: #f9f9f9;}

.macpBig{position: relative;transform:none;left: auto;top: auto;width: 100%;padding-bottom: 60px;}

.macpBig .mapC .map .item{opacity: 1;transform: scale(.9);transform-origin: left center;}

.mapDes{left: 4%;bottom: 6%;}

.mapDes p{margin-bottom: 2px;}

.classicProject .fllL{padding: 60px 0 0;background-color: #fff;}

.classicProject .fllL>div.tabB{width: 86%!important;padding-top: 60px;}

.classicProject .fllR{padding-top: 50px;padding-bottom: 60px;background-color: #fff;}

.classicProject .enTit{background: none;}

.scroll .swiper-slide .solution .fllR{display: none;}

.tabTxt{padding-bottom: 0px;}

.tabTxt h6{font-size: 22px;font-weight: 900;}

.tabTxt span{font-size: 12px;}

.tabTxt p{font-size: 15px;}

.projectTabB .txt h6{font-size: 22px;}

.projectTabB .txt p{font-size: 12px;}

.projectTabS .btn{bottom: 8.4%;}

.services{background-size: 316%;}

.services .fllL{padding: 30px 0 60px;margin-bottom: 60px;margin-left: 0;flex-wrap: wrap;}

.services .fllL::before{content: '';position: absolute;left:0;width:100%;height: 1px;bottom: 9.4%;border-bottom: 1px dashed #e0e0e0;}

.services .fullTit{position: relative;right: auto;top: auto;margin-left: 0;padding-bottom: 40px;width: 100%!important;}

.servicesBtn{right:7%;top: auto;bottom: 0;width: 140px;}

.servicesBtn div img{width: 82%;}

.factoryTxt{margin:40px auto;font-size: 15px;align-items:center}

.serviceTab{margin: 20px 4vw 0 5.5vw;width: 86vw;}

.services .enTit{background: none;}

.serviceTab .swiper-slide{width: 38%;margin-right: 16px;}

.services .item1{height: 42vh;}

.services .item2{height: 23vh;}

.services .item3{height: 46vh;}

.services .item4{height: 27vh;}

.services .item5{height: 39vh;}

.services .item em{font-size: 24px;}

.services .item h6{font-size: 18px;}

.services .item p{font-size: 12px;}

.newsCarousel{max-width: 86%;}

.newsCarousel .swiper-slide{margin-bottom: 60px;padding-bottom: 30px;}

.newsCarousel .swiper-slide .flex{flex-wrap: wrap;}

.newsCarousel .swiper-slide dt,.newsCarousel .swiper-slide dd{width: 100%;}

.newsCarousel .swiper-slide p{font-size: 18px;font-weight: 900;margin: 16px 0 10px;}

.newsCarousel .swiper-slide a{font-size: 60px;bottom:4%}

.news .fllL{padding-top: 60px;}

.news .fullTit{background-color: #e8e8e8;}

.tabTxt{width: 86%;margin:0 auto 0;}

.newsList{width: 86%;margin:60px auto 10px;}

.newsList dd a p{font-size: 16px;font-weight: 900;}

.newsList dd span{font-size: 12px;}

.newsList dt strong{font-size: 32px;}

.footerB{height: inherit;}

.footerB .footer{position: relative;}

.news .fllL, .classicProject .fllL, .solution .fllL{padding-top: 0;}

.news .fllL{padding-top: 60px;}

.macpBig .mapC .map .item em, .mapDes p em{width: 4px;height: 4px;}

.macpBig .mapC .map .item.fR{display: flex;flex-direction: row-reverse;align-items: center;}

.macpBig .mapC .map img{width: 800px;}

.app{display: block;}

.pc{display: none;}

.factory .fllL{background-size: contain;}

.macpBig{margin-bottom: 30px;}

.solutionTab .item{align-items: flex-start;}

.solutionTab .item img{max-height: 180px;}

.projectTabS{display: none;}

.bannerIndex .swiper-slide-active img{animation: none;}

.serviceTab .swiper-slide{height: initial!important;}

}

@media (max-width:376px) and (min-width:320px){

.bannerIndex h2{font-size: 36px;}

.solutionTab .itemTxt h6{margin-top: 8px;}

.solutionTab .itemTxt i{margin-top: 6px;}

}

@media (max-width: 1440px) and (min-width: 1300px){
    .scroll .swiper-slide-active .news .newsCarousel{padding-bottom: 8%;}
}<!--0.00010514259338379-->