/* btnStyle2 */ .btnStyle3{display: flex;} .btnStyle3 .btn{margin-right: 0.66rem;width: 4.13rem;height: 1.5rem;box-sizing: border-box;border: 1px solid #E50011;border-radius: 4px;color: #fff;background: #E50011;} .btnStyle3 .btn:last-child{margin-right: 0;border-color: #fff;background: none;} .btnStyle3 .btn img{margin-right: 8px;} .btnStyle3 .btn:hover{border-color: #fff;background: rgba(229, 0, 17, 0);} .btnStyle3 .btn:last-child:hover{border-color: #E50011;background: #E50011;} /* nyBanner */ .nyBanner{width: 100%;height: 14.66rem;background-repeat: no-repeat;background-position: center;background-size: cover;color: #fff;position: relative;} .nyBanner::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: 0.4;} .nyBanner .text{height: 100%;position: relative;z-index: 2;} .nyBanner .text > div{width: 100%;} .nyBanner .text .tit{line-height: 1.38;margin-bottom: 0.4rem;font-weight:500;} .nyBanner .text .desc{max-width: 566px;line-height: 0.93rem;max-height: 1.86rem;overflow: hidden;} .nyBanner .path{position: absolute;left: 50%;bottom: 0.66rem;transform: translateX(-50%);box-sizing: border-box;padding-left: 0.86rem;line-height: 0.93rem;background: url(../images/icon_add.svg) no-repeat left center;background-size: 0.6rem auto;z-index: 3;} .nyBanner .path span{margin: 0 8px;} .nyBanner .path a:hover{text-decoration: underline;opacity: 0.8;} .nyBanner1{height: 20rem;} .nyBanner1 .text .desc{max-width: 720px;max-height: 3.72rem;} .nyBanner1 .btnStyle3{padding-top: 1.6rem;} .nyBanner2{height: 12.33rem;} .nyBanner2 .path{bottom: 3.7rem;} /* bread */ .bread{background: #FFFFFF;border-bottom: 1px solid #D8D8D8;line-height: 2rem;position: sticky;left: 0;top: 3rem;z-index: 10;} .bread .nav li{margin-right: 1.33rem;} .bread .nav li a{display: block;position: relative;color: #222222;} .bread .nav li a::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #E50011;transform: scale(0,1);opacity: 0;} .bread .nav li.on a::before, .bread .nav li a:hover:before{transform: scale(1);opacity: 1;} .bread .bossBtn{padding: 0 1rem;background: #333333;color: #fff;} .bread .bossBtn .line{display: block;width: 1px;height: 0.66rem;background: #FFFFFF;opacity: 0.2;margin: 0 0.7rem;} .bread .bossBtn:hover{background: #1ec0bd;} .bread .bossBtn:hover img{filter: brightness(0) invert(1);} .bread .btnBox{display: none;} .bread .btnWrap .btn{padding: 0 0.53rem;line-height: 1.5rem;background: #E50011;border-radius: 4px;color: #fff;margin-right: 0.66rem;} .bread .btnWrap .btn:last-child{margin-right: 0;background: #222222;} .bread .btnWrap .btn img{margin-right: 8px;} .bread .btnWrap .btn:hover{background: #222222;} .bread .btnWrap .btn:last-child:hover{background: #E50011;} /* nyTitle */ .nyTitle{color: #222222;line-height: 1.38;margin-bottom: 2rem;} .nyTitle.center{text-align: center;} .nyTitle.white{color: #FFFFFF;} .nyTitle .desc{color: #222222;line-height: 0.93rem;margin-top: 8px;} .nyTitle.white .desc{color: #fff;} @keyframes scaleBtn{to{transform: scale(2);opacity: 0;}} /* aboutWrap */ .aboutWrap .item1{background: url(../images/aboutBg1.jpg) no-repeat center;background-size: cover;position: relative;min-height: 12rem;} .aboutWrap .item1::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;opacity: 0.9;clip-path: polygon(0 0, 86.5% 0, 70% 100%, 0 100%);backdrop-filter: blur(10px);} .aboutWrap .item1 .slogan{position: absolute;right: 4.8%;top: 50%;transform: translateY(-50%);z-index: 2;} .aboutWrap .item1 .w1440{position: relative;z-index: 2;} .aboutWrap .item1 .cont1{width: 81.9%;} .aboutWrap .item1 .cont2{width: 72.9%;} .aboutWrap .item1 .dataList{width: 67.9%;padding: 1rem 0;color: #222222;line-height: 20px;} .aboutWrap .item1 .dataList li{padding-left: 0.7rem;position: relative;} .aboutWrap .item1 .dataList li::before{content: "";width: 1px;height: 2rem;background: #D8D8D8;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .aboutWrap .item1 .dataList h4{font-weight: bold;color: #E50011;line-height: 1.6rem;} .aboutWrap .item1 .dataList h4 span{font-family: "DINBold";} .aboutWrap .item1 .icon{width: 2rem;height: 2rem;text-align: center;line-height: 2rem;background: #E50011;border-radius: 50%;font-size: 0;position: absolute;top: 50%;transform: translateY(-50%);right: 10%;cursor: pointer;} .aboutWrap .item1 .icon:after, .aboutWrap .item1 .icon:before{content: "";z-index: -1;position: absolute;left: 50%;top:50%;width: 50px;height: 50px;margin: -25px 0 0 -25px;box-sizing: border-box;background: rgba(229, 0, 17, 0.5);border-radius: 50%;transition: 0.5s;transform: scale(0.6);animation: scaleBtn 4s linear infinite;} .aboutWrap .item1 .icon:before{animation: scaleBtn 4s linear infinite 2s;} .aboutWrap .item2{background: url(../images/aboutBg2.jpg) no-repeat center;background-size: cover;} .aboutWrap .item2 .ul{align-items: flex-start;} .aboutWrap .item2 .nLi{width: 29.7%;display: flex;align-items: flex-start;color: #666666;line-height: 0.93rem;} .aboutWrap .item2 .nLi .icon{flex-shrink: 0;width: 1.5rem;margin-right: 0.7rem;} .aboutWrap .item2 .nLi .text{flex: 1;overflow: hidden;} .aboutWrap .item2 .nLi .tit{color: #222222;margin-bottom: 8px;} .aboutWrap .item3{background: url(../images/aboutBg3.jpg) no-repeat center top;background-size: cover;padding-bottom: 0;} .aboutWrap .item3 .scroll{position: relative;padding: 0 2.33rem;} .aboutWrap .item3 .btnStyle1 .btn{position: absolute;top: 5.33rem;} .aboutWrap .item3 .btnStyle1 .prev{left: 0;} .aboutWrap .item3 .btnStyle1 .next{right: 0;} .aboutWrap .item3 .container{position: relative;overflow: hidden;} .aboutWrap .item3 .wrap{height: 19.33rem;padding: 0 1.33rem 0 1.8rem;overflow: auto;color: #fff;} .aboutWrap .item3 .wrap::before{content: "";width: 1px;height: calc(100% - 10px);position: absolute;left: 0;top: 10px;background: #fff;opacity: 0.2;} .aboutWrap .item3 .date{margin-bottom: 1rem;line-height: 1.2rem;font-family: "DINBold";position: relative;} .aboutWrap .item3 .date::before{content: "";width: 2px;height: 1.33rem;position: absolute;left: -1.8rem;top: 50%;transform: translateY(-50%);background: #FFFFFF;} .aboutWrap .item3 .cont{color: #FFF;} .aboutWrap .item3 .cont ul li{list-style: none;padding-left: 14px;position: relative;margin-bottom: 0.53rem;} .aboutWrap .item3 .cont ul li::before{content: "";width: 6px;height: 6px;position: absolute;left: 0;top: 11px;background: url(../images/icon_dot.svg) no-repeat center;} .aboutWrap .item3 .cont ul li:last-child{margin-bottom: 0;} .aboutWrap .item4{background: url(../images/aboutBg4.png) no-repeat center top;background-size: cover;} .aboutWrap .item4 .wrap{align-items: flex-start;} .aboutWrap .item4 .pic{width: 79.1%;margin: 60px auto;} .aboutWrap .item4 .title{margin-bottom: 2rem;padding-bottom: 0.8rem;position: relative;} .aboutWrap .item4 .title::before{content: "";width: 1.33rem;height: 4px;background: #E50011;position: absolute;left: 0;bottom: 0;} .aboutWrap .item4 .title .en{color: #999999;line-height: 0.73rem;text-transform: uppercase;font-weight: normal;margin-bottom: 4px;} .aboutWrap .item4 .title .ch{color: #222222;line-height: 1.38;} .aboutWrap .item4 .dataList li{margin-bottom: 1.33rem;color: #222222;line-height: 20px;} .aboutWrap .item4 .dataList li .data{color: #E50011;font-family: "DINBold";line-height: 1;margin-bottom: 0.5rem;} /* joinUs */ .joinUs .item1{background: url(../images/joinUsBg1.jpg) no-repeat center top;background-size: cover;} .joinUs .item2{background: #F6F6F6;} .joinUs .item2 .nyTitle{margin-bottom: 0;} .joinUs .item2 ul li{width: 30.9%;margin: 2rem 3.65% 0 0;text-align: center;color: #666666;line-height: 0.93rem;} .joinUs .item2 ul li:nth-child(3n){margin-right: 0;} .joinUs .item2 ul li .icon{height: 1.6rem;} .joinUs .item2 ul li .tit{color: #222222;margin: 0.7rem 0 4px;} .joinUs .item3 dl{width: 33.33%;} .joinUs .item3 dt{height: 0;padding-bottom: 8.73rem;position: relative;overflow: hidden;} .joinUs .item3 dd{height: 8.73rem;box-sizing: border-box;padding: 1.33rem 1rem;color: #666666;overflow: auto;} .joinUs .item3 dd .tit{text-align: center;color: #222222;margin-bottom: 9px;} .joinUs .item4{background: #F6F6F6;} .joinUs .item4 ul{position: relative;} .joinUs .item4 ul li{width: 42.85%;margin: 0 0.71% 0.33rem 0;} .joinUs .item4 ul li span{padding-bottom: 40%;position: relative;display: block;height: 0;overflow: hidden;} .joinUs .item4 ul li:hover em{transform: scale(1.1);} .joinUs .item4 ul li.li2{margin-right: 31%;} .joinUs .item4 ul li.li2, .joinUs .item4 ul li.li4{width: 22.86%;} .joinUs .item4 ul li.li2 span, .joinUs .item4 ul li.li4 span{padding-bottom: 75%;} .joinUs .item4 ul li.li3{width: 32.85%;margin-right: 0;position: absolute;right: 0;top: 0;} .joinUs .item4 ul li.li3 span{padding-bottom: 106.52%;} /* product */ .product{background: #F6F6F6;} .product .wrap{display: flex;align-items: flex-start;position: relative;} .product .pNav{flex-shrink: 0;margin-right: 3.66rem;border-left: 1px solid #D8D8D8;position: sticky;top: 3.33rem;left: 0;top: 4.5rem;} .product .pNav li{margin-bottom: 12px;} .product .pNav li:last-child{margin-bottom: 0;} .product .pNav li a{display: block;position: relative;padding-left: 0.7rem;color: #222222;line-height: 1.2rem;} .product .pNav li a::before{content: "";width: 2px;height: 100%;position: absolute;left: -1px;top: 0;transform: scale(1,0);opacity: 0;background: #E50011;} .product .pNav li.active a::before, .product .pNav li a:hover:before{transform: scale(1);opacity: 1;} .product .right{flex: 1;overflow: hidden;padding: 0 10px;} .product .title{line-height: 1.42;color: #222222;margin-bottom: 1rem;} .prodList{padding-bottom: 1rem;} .prodList:last-child{padding-bottom: 1rem;} .prodList li{width: 48.75%;margin-bottom: 1rem;} .prodList li:nth-child(2n){float: right;} .prodList a{display: flex;align-items: flex-start;height: 4.43rem;box-sizing: border-box;padding: 1.33rem 0.66rem 0;background: rgba(255, 255, 255, 0.6);border: 1px solid #EDEDED;border-radius: 5px;} .prodList .icon{flex-shrink: 0;width: 0.8rem;margin: 3px 0.4rem 0 0;} .prodList .cont{flex: 1;overflow: hidden;color: #999999;line-height: 0.93rem;} .prodList .tit{color: #222222;} .prodList .btn{width: 2.86rem;height: 0.93rem;margin-top: 0.3rem;background: #E50011;border-radius: 4px;color: #fff;line-height: 0.93rem;opacity: 0;} .prodList .btn img{width: 6px;margin-left: 0.3rem;} .prodList a:hover{background: #FFFFFF;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);padding-top: 0.66rem;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);} .prodList a:hover .btn{opacity: 1;} .product .tabScroll{position: relative;position: sticky;left: 0;top: 0;background: #F6F6F6;border-bottom: 1px solid #D8D8D8;display: none;overflow: hidden;padding: 0 1rem;z-index: 9;} .product .tabScroll .swiper-slide{width: auto;} .product .tabScroll a{display: block;position: relative;color: #666666;line-height: 1rem;padding: 0.5rem 0;} .product .tabScroll a::before{content: "";width: 100%;height: 2px;background: #E50011;position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;} .product .tabScroll .active a::before{transform: scale(1);opacity: 1;} /* contProd */ .contProd .item1 .container{padding: 0 20px 1.5rem;position: relative;overflow: hidden;width: 100%;margin-left: -20px;} .contProd .item1 .container .wrap{height: 11.5rem;box-sizing: border-box;padding: 1.33rem 0;background: #FFFFFF;border: 1px solid #DDDDDD;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);color: #999999;line-height: 0.93rem;text-align: center;} .contProd .item1 .container .wrap .box{padding: 0 0.66rem;height: 100%;overflow: auto;} .contProd .item1 .container .icon{height: 1.6rem;} .contProd .item1 .container .tit{color: #222222;margin: 1rem 0 0.4rem;} .contProd .item1 .container .desc{text-align: left;} .contProd .item1 .container .wrap:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);} .contProd .item1 .container .wrap:hover .tit{color: #E50011;} .contProd .item1 .container .wrap:hover .icon{transform: scale(0.9);} .contProd .item2{background: #F6F6F6;} .contProd .item2 .nyTitle{margin-bottom: 1rem;} .contProd .item2 .tabs{position: relative;z-index: 2;} .contProd .item2 .tabs li{margin: 0 0.66rem;} .contProd .item2 .tabs li a{display: block;position: relative;color: #666666;font-weight: bold;line-height: 0.93rem;} .contProd .item2 .tabs li a:before{content: "";width: 100%;height: 4px;position: absolute;left: 0;bottom: 4px;background-image: linear-gradient(to right, #E50011 , rgba(229,0,17,0));transform: scale(0,1);opacity: 0;} .contProd .item2 .tabs li.active a::before{transform: scale(1);opacity: 1;} .contProd .item2 .wapTabs{position: relative;overflow: hidden;display: none;} .contProd .item2 .wapTabs .swiper-slide{width: auto;position: relative;color: #999999;font-weight: bold;line-height: 0.93rem;} .contProd .item2 .wapTabs .swiper-slide:before{content: "";width: 100%;height: 6px;position: absolute;left: 0;bottom: 4px;background-image: linear-gradient(to right, #E50011 , rgba(229,0,17,0));transform: scale(0,1);opacity: 0;} .contProd .item2 .wapTabs .swiper-slide.active::before{transform: scale(1);opacity: 1;} .contProd .item2 .container{position: relative;padding: 2rem 20px 20px;margin: -20px 0 0 0;overflow: hidden;} .contProd .item2 .container .wrap{background: url(../images/cProdBg1.png) no-repeat left center;background-size: cover;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);} .contProd .item2 .container .pic{width: 50%;padding-bottom: 13.33rem;position: relative;overflow: hidden;} .contProd .item2 .container .text{width: 50%;height: 13.33rem;box-sizing: border-box;padding: 2rem;} .contProd .item2 .container .text .tit{margin-bottom: 1.33rem;color: #222222;line-height: 1.33rem;display: flex;align-items: center;} .contProd .item2 .container .text .tit img{margin-right: 0.4rem;height: 1.1rem;} .contProd .item2 .container .text .desc{color: #666666;max-height: 4.65rem;width: 100%;padding-right: 2rem;overflow-y: auto;} .contProd .item2 .container .btnStyle1{position: absolute;left: calc(2rem + 20px);bottom: calc(2rem + 20px);z-index: 3;} /* .contProd .item2 .container .wrap:hover .pic em{transform: scale(1.1);} */ .contProd .item2 .container .wrap:hover .text .tit{color: #E50011;} .contProd .item4{background: #F6F6F6;} .contProd .item4 li{width: 48.92%;box-sizing: border-box;margin-top: 1rem;height: 6rem;padding: 1rem 0;overflow: auto;background: #FFFFFF;border-radius: 1rem 0 1rem 0;height: 7rem;} .contProd .item4 li:first-child, .contProd .item4 li:nth-child(2){margin-top: 0;} .contProd .item4 li:nth-child(2n){float: right;} .contProd .item4 li .box{height: 100%;padding: 0 1rem;overflow: auto;display: flex;} .contProd .item4 li .icon{flex-shrink: 0;width: 4rem;height: 4rem;box-sizing: border-box;border: 1px solid #D8D8D8;border-radius: 0.66rem 0 0.66rem 0;margin-right: 0.66rem;} .contProd .item4 li .icon img{height: 2rem;} .contProd .item4 li .text{flex: 1;line-height: 0.93rem;} .contProd .item4 li .tit{color: #222222;} .contProd .item4 li .desc{color: #999999;margin-top: 8px;} .contProd .item4 li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .contProd .item4 li:hover .tit{color: #E50011;} .contProd .item5{background: url(../images/cProdBg2.jpg) no-repeat center;background-size: cover;} .contProd .item6{background: url(../images/cProdBg3.jpg) no-repeat center;background-size: cover;} .contProd .item6 ul{background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);color: #fff;line-height: 20px;} .contProd .item6 ul li{flex: 1;position: relative;padding: 0.8rem 0 0.8rem 1.3rem;} .contProd .item6 ul li::before{content: "";width: 1px;height: 2.66rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #FFFFFF;opacity: 0.2;} .contProd .item6 ul li:first-child::before{display: none;} .contProd .item6 ul li .data{display: flex;align-items: center;line-height: 1.6rem;margin-bottom: 6px;font-family: "DINBold";} .contProd .item6 ul li .data em{margin-left: 4px;color: #E50011;font-weight: bold;} .recomCase{background: #F6F6F6;padding-bottom: 2rem;} .recomCase .container{padding: 0 20px 20px;position: relative;overflow: hidden;} .caseWrap{display: block;background: #FFFFFF;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);border-radius:5px;} .caseWrap .pic{height: 0;padding-bottom: 58.29%;position: relative;overflow: hidden;border-radius: 5px 5px 0 0;} .caseWrap .pic .logo{position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;padding: 0 0.66rem;background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(10px);line-height: 2rem;} .caseWrap .pic .logo img{max-height: 1.2rem;max-width: 38%;filter: brightness(0) invert(1);} .caseWrap .text{padding: 0.66rem;} .caseWrap .tit{color: #222222;line-height: 0.93rem;height: 1.86rem;overflow: hidden;} .caseWrap .label{padding: 0.4rem 0 0.66rem;display: flex;align-items: center;height: 0.93rem;overflow: hidden;} .caseWrap .label span{display: block;padding: 0 0.3rem;margin-right: 5px;line-height: 1.06rem;} .caseWrap .label span:last-child{margin-right: 0;} .caseWrap .label .blue{background: rgba(0, 132, 229, 0.06);color: #0084E5;} .caseWrap .label .red{background: rgba(229, 65, 0, 0.06);color: #E54100;} .caseWrap .more{display: flex;align-items: center;color: #999999;line-height: 0.93rem;} .caseWrap .more img{filter: brightness(0) invert(0.5);opacity: 0.4;} .caseWrap:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);} .caseWrap:hover .pic em{transform: scale(1.1);} .caseWrap:hover .more{color: #E50011;} .caseWrap:hover .more img{filter: brightness(1) invert(0);opacity: 1;} .contProd .item8{background: url(../images/cProdBg4.jpg) no-repeat center;background-size: cover;} .recomProduct{background: url(../images/cProdBg5.jpg) no-repeat center;background-size: cover;} .recomProduct .container{padding: 20px 20px 1.5rem;margin-top: -20px;position: relative;overflow: hidden;} .recomProduct .prodList{padding-bottom: 0;} .recomProduct .prodList li{margin-bottom: 0;} /* contIndustry */ .contIndustry .item1 .container{position: relative;overflow: hidden;padding-bottom: 1rem;} .contIndustry .item1 .container .title{padding-bottom: 0.93rem;border-bottom: 1px solid #D8D8D8;margin-bottom: 0.66rem;display: flex;align-items: center;color: #222222;} .contIndustry .item1 .container .title .icon{height: 1.6rem;margin-right: 0.4rem;} .contIndustry .item1 .container .cont{height: 7.5rem;overflow: auto;padding-right: 12px;color: #666666;} .contIndustry .item1 .container .subTitle{color: #222222;margin: 0.5rem 0 8px;} .contIndustry .item1 .container .subTitle:first-child{margin-top: 0;} .contIndustry .item2{background: url(../images/industryBg1.png) no-repeat center;background-size: cover;} .contIndustry .item2 .ul{padding-right: 0.5rem;max-height: 14.33rem;overflow: auto;} .contIndustry .item2 .ul .li{width: 48.9%;height: 6.66rem;background: rgba(255, 255, 255, 0.1);box-sizing: border-box;padding: 1rem;color: #fff;backdrop-filter: blur(10px);margin-top: 1rem;border-radius:5px;} .contIndustry .item2 .ul .li:first-child, .contIndustry .item2 .ul .li:nth-child(2){margin-top: 0;} .contIndustry .item2 .ul .li:nth-child(2n){float: right;} .contIndustry .item2 .ul .title{margin-bottom: 0.66rem;line-height: 0.93rem;} .contIndustry .item2 .ul .title .wrap{display: flex;align-items: center;} .contIndustry .item2 .ul .title .icon{flex-shrink: 0;height: 1.5rem;margin-right: 0.4rem;filter: brightness(0) invert(1);} .contIndustry .item2 .ul .title .text{flex: 1;overflow: hidden;} .contIndustry .item2 .ul .title .en{font-weight: normal;text-transform: uppercase;} .contIndustry .item2 .ul .cont{color: rgba(255, 255, 255, 0.6);} .contIndustry .item2 .ul .li:hover .title{height: 0;margin-bottom: 0;opacity: 0;visibility: hidden;} .contIndustry .item2 .ul .li:hover .cont{-webkit-box; -webkit-line-clamp: 5;} .contIndustry .item4{background: url(../images/industryBg2.jpg) no-repeat center;background-size: cover;} .contIndustry .item4 li{width: 48.92%;height: 5.06rem;background: rgba(255, 255, 255, 0.6);border: 1px solid #EDEDED;box-sizing: border-box;padding: 1rem 0;overflow: auto;margin-top: 1rem;border-radius:5px;height: 5.2rem;} .contIndustry .item4 li:first-child, .contIndustry .item4 li:nth-child(2){margin-top: 0;} .contIndustry .item4 li:nth-child(2n){float: right;} .contIndustry .item4 li .box{padding: 0 1rem;height: 100%;overflow: auto;display: flex;} .contIndustry .item4 li .icon{flex-shrink: 0;height: 1.6rem;margin-right: 0.66rem;} .contIndustry .item4 li .text{flex: 1;line-height: 0.93rem;} .contIndustry .item4 li .tit{color: #222222;margin-bottom: 8px;} .contIndustry .item4 li .cont{color: #666666;} .contIndustry .item4 li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .contIndustry .item4 li:hover .tit{color: #E50011;} .contIndustry .item5 .container{padding: 0 20px 1.5rem;position: relative;overflow: hidden;} .contIndustry .item6{background: url(../images/industryBg3.jpg) no-repeat center;background-size: cover;} .contIndustry .item6 .container{padding: 0 20px 1.5rem;position: relative;overflow: hidden;} .contIndustry .item6 .wrap{display: block;height: 0;padding-bottom: 8.66rem;position: relative;overflow: hidden;color: #fff;line-height: 0.93rem;border-radius:5px;} .contIndustry .item6 .wrap::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: 0.5;z-index: 2;} .contIndustry .item6 .wrap .title{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;width: 100%;box-sizing: border-box;padding: 0 1rem;display: flex;align-items: center;justify-content: center;z-index: 3;} .contIndustry .item6 .wrap .icon{margin-right: 0.5rem;height: 1rem;} .contIndustry .item6 .wrap .hover{position: absolute;left: 0;top: 100%;width: 100%;height: 100%;z-index: 3;box-sizing: border-box;padding: 1rem 1rem 0;z-index: 4;} .contIndustry .item6 .wrap .tit{display: flex;align-items: center;} .contIndustry .item6 .wrap .desc{max-height: 2.79rem;overflow: hidden;margin: 0.66rem 0 1.33rem;} .contIndustry .item6 .wrap .btn{width: 2.86rem;height: 0.93rem;background: #E50011;border-radius: 4px;} .contIndustry .item6 .wrap .btn img{filter: brightness(0) invert(1);margin-left: 9px;height: 10px;} .contIndustry .item6 .wrap:hover .title{transform: translateY(30px);opacity: 0;} .contIndustry .item6 .wrap:hover .hover{top: 0;transition:all 0.3s linear 0.3s;} .contIndustry .item6 .wrap:hover em{transform: scale(1.1);} /* casePage */ .nyGrayBg{background: #F6F6F6;} .casePage{min-height: 300px;} .casePage .searchForm{margin-bottom: 0.66rem;background: #FFFFFF;line-height: 2.66rem;padding: 0 1rem;} .casePage .searchForm form{display: flex;align-items: center;} .casePage .searchForm .title{flex-shrink: 0;padding-right: 2.4rem;position: relative;color: #222222;font-weight: bold;} .casePage .searchForm .title::before{content: "";width: 1px;height: 1.1rem;position: absolute;right: 1.2rem;top: 50%;transform: translateY(-50%);background: #D8D8D8;} .casePage .searchForm .subm{color: #222222;padding-left: 1rem;background: url(../images/icon_search2.svg) no-repeat left center;border: none;cursor: pointer;flex-shrink: 0;margin-left: 0.5rem;} .casePage .searchForm .text{flex: 1;overflow: hidden;border: none;background: none;color: #333;} .casePage .filter{margin-bottom: 2rem;background: #FFFFFF;padding: 10px 1rem;} .casePage .filter dl{border-bottom: 1px solid #D8D8D8;display: flex;line-height: 1.06rem;padding: 0.66rem 0 0;} .casePage .filter dl:last-child{border: none;} .casePage .filter dl dt{flex-shrink: 0;color: #222222;font-weight: bold;margin-right: 1.33rem;} .casePage .filter dl dd{flex: 1;overflow: hidden;display: flex;align-items: flex-start;} .casePage .filter .moreBtn{flex-shrink: 0;color: #999999;margin-left: 1rem;cursor: pointer;} .casePage .filter .moreBtn .icon{margin-left: 8px;transform: rotateZ(90deg);filter: brightness(0) invert(0.5);opacity: .4;margin-right: 3px;} .casePage .filter .moreBtn:hover{color: #E50011;} .casePage .filter .moreBtn:hover .icon{filter: brightness(1) invert(0);opacity: 1;} .casePage .filter .moreBtn.on .icon{transform: rotateZ(-90deg);} .casePage .filter .keyword{flex: 1;overflow: hidden;} .casePage .filter .keyword li{margin: 0 0.6rem 0.66rem 0;} .casePage .filter .keyword li:last-child{margin-right: 0;} .casePage .filter .keyword li a{display: block;padding: 0 12px;line-height: 1rem;color: #222222;border: 1px solid #fff;} .casePage .filter .keyword li.on a{border-color: #E50011;color: #E50011;} .casePage .filter .keyword li a:hover{color: #E50011;} .casePage .filter .keyword .hide{display: none;} .caseList{padding-bottom: 1rem;} .caseList li{width: 32%;margin: 0 2% 1rem 0;} .caseList li:nth-child(3n){margin-right: 0;} /* page */ .page{display: flex;align-items: center;color: #222222;line-height: 1.3rem;} .page a{display: block;padding: 0 0.4rem;margin-right: 0.5rem;border: 1px solid #CCCCCC;} .page a.num{padding: 0 0.53rem;} .page .form{border: 1px solid #CCCCCC;padding: 0 0.4rem;} .page .form .text{width: 1.6rem;height: 1.3rem;border: none;background: none;text-align: center;line-height: 1.3rem;color: #222;} .page a.on,.page a:hover{border-color: #E50011;background: #E50011;color: #fff;} /* contCase */ .contCase .top{margin-top: -3.13rem;position: relative;z-index: 3;background: #FFFFFF;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);padding: 1rem 1rem 1rem 0;display: flex;} .contCase .top .logo{flex-shrink: 0;width: 12rem;margin-right: 1.33rem;height: 4.26rem;border-right: 1px solid #D8D8D8;} .contCase .top .logo img{max-width: 80%;max-height: 100%;} .contCase .top .text{flex: 1;overflow: hidden;} .contCase .top .title{display: flex;flex-wrap: wrap;line-height: 0.93rem;margin-bottom: 0.5rem;} .contCase .top .title .tit{color: #222222;} .contCase .top .title .label{display: block;margin-left: 8px;padding: 0 0.4rem;} .contCase .top .title .label.blue{background: rgba(0, 132, 229, 0.06);color: #0084E5;} .contCase .top .title .label.red{background: rgba(229, 65, 0, 0.06);color: #E54100;} .contCase .top .tWrap{display: flex;align-items: center;} .contCase .top .tWrap .l{flex-shrink: 0;margin-right: 10px;display: none;} .contCase .top .tWrap .title{flex: 1;} .contCase .top .cont{color: #666666;} .detailPage{padding-left: 2rem;padding-right: 2rem;box-sizing: border-box;} .detailPage .title{color: #222222;line-height: 1.42;margin-bottom: 1.33rem;} .detailPage .subTitle{margin-bottom: 0.66rem;line-height: 0.93rem;color: #222222;padding-left: 0.5rem;position: relative;} .detailPage .subTitle::before{content: "";width: 4px;height: 0.8rem;background: #E50011;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .detailPage .cont{margin-bottom: 1.33rem;color: #333333;} .detailPage .cont *{margin:10px 0;} .detailPage .cont:last-child{margin-bottom: 0;} /* partnerList */ .partnerList ul{padding-bottom: 1rem;} .partnerList li{width: 32%;margin: 0 2% 1rem 0;} .partnerList li:nth-child(3n){margin-right: 0;} .partnerList li a{display: block;background: #FFFFFF;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);} .partnerList li .pic{height: 0;padding-bottom: 56%;position: relative;overflow: hidden;} .partnerList li .pic .icon{width: 1.6rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;} .partnerList li .text{padding: 0.66rem;color: #999999;line-height: 0.93rem;} .partnerList li .top{display: flex;margin-bottom: 0.5rem;} .partnerList li .top .logo{flex-shrink: 0;margin-right: 0.4rem;width: 2rem;height: 2rem;box-sizing: border-box;border: 1px solid #D8D8D8;} .partnerList li .top .logo img{max-width: 90%;max-height: 90%;} .partnerList li .top .right{flex: 1;overflow: hidden;} .partnerList li .top .tit{color: #222222;} .partnerList li .desc{height: 2.79rem;overflow: hidden;margin-bottom: 0.4rem;} .partnerList li .btm{color: #222222;} .partnerList li a:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);} .partnerList li a:hover .pic em{transform: scale(1.1);} /* .partnerList li a:hover .top .tit{color: #E50011;} */ /* partnerBanner */ .partnerBanner{height: auto;min-height: 20rem;box-sizing: border-box;padding-bottom: 2.6rem;} .partnerBanner .wrap{padding-top: 5rem;} .partnerBanner .content{box-sizing: border-box;padding: 1rem;background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(10px);} .partnerBanner .box{max-width: 30rem;color: #fff;line-height: 0.93rem;} .partnerBanner .top{padding-bottom: 1rem;border-bottom: 1px solid rgba(255, 255, 255, 0.2);margin-bottom: 1rem;display: flex;align-items: center;} .partnerBanner .top .logo{flex-shrink: 0;width: 2.66rem;height: 2.66rem;background: #FFFFFF;margin-right: 0.4rem;border-radius: 8px;} .partnerBanner .top .logo img{max-width: 90%;max-height: 90%;} .partnerBanner .top .right{flex: 1;overflow: hidden;} .partnerBanner .top .tit{margin-bottom: 4px;} .partnerBanner .desc{color: rgba(255, 255, 255, 0.6);padding-bottom: 1rem;position: relative;margin-bottom: 1rem;} .partnerBanner .desc .icon{position: absolute;right: 0;bottom: 0;width: 0.7rem;} .partnerBanner .btm .name{font-weight: bold;} .partnerBanner .person{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);} .partnerBanner .person img{position: absolute;right: 0;bottom: 0;height: 16rem;} /* moreStyle */ .moreStyle{display: flex;align-items: center;color: #999999;line-height: 0.93rem;} .moreStyle img{margin-left: 8px;filter: brightness(0) invert(0.5);opacity: .4;} a:hover .moreStyle{color: #E50011;} a:hover .moreStyle img{filter: brightness(1) invert(0);opacity: 1;} /* recomNews */ .recomNews{background: #FFFFFF;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.16);} .recomNews .btnStyle1{position: absolute;right: 1rem;top: 1.5rem;z-index: 2;} .recomNews .container{position: relative;overflow: hidden;} .recomNews .container a{display: flex;} .recomNews .container .pic{width: 50%;height: 0;padding-bottom: 13.6rem;position: relative;overflow: hidden;} .recomNews .container .text{width: 50%;box-sizing: border-box;padding: 1rem 1rem 0;position: relative;line-height: 0.93rem;} .recomNews .container .date{padding-bottom: 1rem;border-bottom: 1px solid #D8D8D8;margin-bottom: 1rem;} .recomNews .container .date span{display: block;color: #222222;line-height: 1rem;margin-bottom: 0.4rem;font-family: "DINBold";} .recomNews .container .date em{display: block;color: #999999;} .recomNews .container .tit{color: #222222;margin-bottom: 8px;} .recomNews .container .desc{color: #666666;max-height: 2.79rem;} .recomNews .container .moreStyle{position: absolute;left: 1rem;bottom: 1rem;} /* .recomNews .container a:hover .tit{color: #E50011;} */ /* newsList */ .newsList{padding-bottom: 0.66rem;} .newsList li{width: 32%;margin: 0 2% 1.33rem 0;} .newsList li:nth-child(3n){margin-right: 0;} .newsList li a{display: block;background: #FFFFFF;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);border-radius: 5px;} .newsList li .pic{height: 0;padding-bottom: 58.29%;position: relative;overflow: hidden;border-radius: 5px 5px 0 0;} .newsList li .text{padding: 0.66rem;line-height: 0.93rem;color: #999999;} .newsList li .tit{color: #222222;height: 1.86rem;overflow: hidden;margin: 4px 0 0.66rem;} .newsList li a:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);} /* passage */ .passage{width: 71.42%;box-sizing: border-box;padding: 1rem;background: #FFFFFF;line-height: 0.93rem;} .passage .psgTitle{padding-bottom: 1rem;border-bottom: 1px solid #D8D8D8;margin-bottom: 0.9rem;} .passage .psgTitle .tit{color: #222222;line-height: 1.4;margin-bottom: 0.4rem;} .passage .psgTitle .info{color: #999999;} .passage .psgTitle .info span{margin-right: 1.3rem;} .passage .psgCont{min-height: 300px;color: #333333;line-height: 1.06rem;} .passage .psgCont p{margin:10px 0;} .passage .psgLink{padding-top: 1rem;border-top: 1px solid #D8D8D8;margin-top: 1rem;color: #666666;} .passage .psgLink li{margin-bottom: 8px;} .passage .psgLink li:last-child{margin-bottom: 0;} .passage .psgLink li a:hover{color: #E50011;text-decoration: underline;} /* hotNews */ .hotNews{width: 25.7%;} .hotNews .title{margin-bottom: 1rem;line-height: 0.93rem;} .hotNews .title .ch{padding-left: 0.9rem;position: relative;color: #222222;} .hotNews .title .ch::before{content: "";width: 0.8rem;height: 2px;position: absolute;left: 0;top: 50%;margin-top: -1px;background: #E50011;} .hotNews .title .en{color: #999999;text-transform: uppercase;font-weight: normal;} .hotNews li{border-bottom: 1px solid #D8D8D8;} .hotNews li a{display: block;padding: 0.66rem 0;line-height: 0.93rem;} .hotNews li:first-child a{padding-top: 0;} .hotNews li .pic{overflow: hidden;margin-bottom: 0.4rem;} .hotNews li .pic img{width: 100%;} .hotNews li .tit{color: #222222;font-weight: normal;margin-bottom: 4px;} .hotNews li .date{color: #999999;} .hotNews li a:hover .tit{color: #E50011;} /* serviceWrap */ .serviceWrap .item1{background: url(../images/serviceBg1.jpg) no-repeat center;background-size: cover;} .serviceWrap .item2{background: url(../images/serviceBg2.jpg) no-repeat center;background-size: cover;} .serviceWrap .item2 .ul{padding-right: 0.5rem;height: 13rem;overflow: auto;} .serviceWrap .item2 .li{width: 48.9%;height: 6rem;box-sizing: border-box;padding: 1rem 0;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);margin-top: 1rem;overflow: auto;border-radius:5px;} .serviceWrap .item2 .li:first-child, .serviceWrap .item2 .li:nth-child(2){margin-top: 0;} .serviceWrap .item2 .li:nth-child(2n){float: right;} .serviceWrap .item2 .li .box{height: 100%;padding: 0 1rem;overflow: auto;display: flex;align-items: flex-start;} .serviceWrap .item2 .icon{flex-shrink: 0;width: 1.6rem;margin-right: 0.66rem;} .serviceWrap .item2 .right{flex: 1;overflow: hidden;line-height: 0.93rem;} .serviceWrap .item2 .tit{color: #FFFFFF;margin-bottom: 8px;} .serviceWrap .item2 .cont{color: rgba(255, 255, 255, 0.8);} .serviceWrap .item3{background: #F6F6F6;} .serviceWrap .item3 .container{width: 100%;padding: 0 20px 1.1rem;margin-left: -20px;position: relative;overflow: hidden;} .serviceWrap .item3 .wrap{background: #FFFFFF;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);border-radius:5px;} .serviceWrap .item3 .pic{height: 0;padding-bottom: 35.79%;position: relative;overflow: hidden;border-radius: 5px 5px 0 0;} .serviceWrap .item3 .pic .tit{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;box-sizing: border-box;padding: 0 1rem;z-index: 2;text-align: center;color: #fff;} .serviceWrap .item3 .text{height: 6rem;box-sizing: border-box;padding: 0.66rem 0;color: #666666;} .serviceWrap .item3 .text .box{padding: 0 0.66rem;height: 100%;overflow: auto;} /* contactUs */ .contactUs .top{position: relative;overflow: hidden;min-height: 16.6rem;} .contactUs .top::before{content: "";width: 52%;height: 100%;position: absolute;top: 0;right: 48%;background: url(../images/contactUsBg1.jpg) no-repeat center;background-size: cover;} .contactUs .top .pic{width: 48%;height: 100%;position: absolute;right: 0;top: 0;overflow: hidden;z-index: 3;} .contactUs .top .pic:hover em{transform: scale(1.1);} .contactUs .top .text{width: 48.72%;position: relative;z-index: 2;} .contactUs .top .text .nyTitle{margin-bottom: 0.66rem;} .contactUs .top .text .cont{color: #222222;line-height: 0.93rem;} .contactUs .top .text dl{margin-bottom: 0.4rem;display: flex;} .contactUs .top .text dl:last-child{margin-bottom: 0;} .contactUs .top .text dt{flex-shrink: 0;margin-right: 0.5rem;} .contactUs .top .text dd{flex: 1;overflow: hidden;} .contactUs .btm li{width: 48.9%;margin-top: 1rem;background: #FFFFFF;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);} .contactUs .btm li:first-child, .contactUs .btm li:nth-child(2){margin-top: 0;} .contactUs .btm li:nth-child(2n){float: right;} .contactUs .btm li .pic{height: 0;padding-bottom: 40.87%;position: relative;overflow: hidden;} .contactUs .btm li .text{height: 9.8rem;box-sizing: border-box;padding: 1rem;overflow: auto;line-height: 0.93rem;color: #222222;} .contactUs .btm li .text .tit{margin-bottom: 1rem;color: #222222;} .contactUs .btm li .text dl{margin-bottom: 0.4rem;display: flex;} .contactUs .btm li .text dl:last-child{margin-bottom: 0;} .contactUs .btm li .text dt{flex-shrink: 0;margin-right: 0.5rem;} .contactUs .btm li .text dd{flex: 1;overflow: hidden;} /* message */ .message{position: relative;overflow: hidden;} .message .pic{width: 37.5%;height: 100%;position: absolute;right: 0;top: 0;overflow: hidden;} .message .text{width: 61.42%;} .message .formItem{width: 48.83%;margin-top: 0.66rem;background: #F6F6F6;display: flex;} .message .formItem:first-child, .message .formItem:nth-child(2){margin-top: 0;} .message .formItem.w100p{width: 100%;} .message .formItem dt{flex-shrink: 0;width: 2.2rem;height: 2.2rem;position: relative;text-align: center;line-height: 2.2rem;} .message .formItem dt::before{content: "";width: 1px;height: 0.93rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #D8D8D8;} .message .formItem dd{flex: 1;overflow: hidden;box-sizing: border-box;padding: 0 0.66rem;} .message .formItem .text, .message .formItem textarea{width: 100%;height: 2.2rem;border: none;background: none;line-height: 2.2rem;color: #222;} .message .formItem textarea{height: 6rem;} .message .codeItem dd{padding-right: 5.33rem;position: relative;} .message .codeItem .pic{width: 5.33rem;height: 100%;position: absolute;right: 0;top: 0;cursor: pointer;} .message .subm{width: 48.83%;height: 2.2rem;border: none;background: #E50011;text-align: center;color: #fff;cursor: pointer;margin-top: 0.66rem;} .message .subm:hover{background: #B40310;} .list_map .wrap dl{margin-top: 1.2rem;} .list_map .wrap dl dt{background-color: #FAFAFA;border-left: 2px solid #E50011;padding-left: 0.733rem;font-weight: bold;line-height: 1.6rem;} .list_map .wrap dl dd{flex-wrap: wrap;display: flex;} .list_map .wrap dl dd .item{width: 14.5%;margin:0.8rem;} .list_map .wrap dl dd .item h4{line-height: 20px;font-weight:500;} .list_map .wrap dl dd .item ul{padding-top: 0.5rem;} .list_map .wrap dl dd .item ul li a{color: #666;font-size: 0.533rem;line-height: 2;display: block;} .list_map .wrap dl a:hover{color: #E50011 !important;transform: translateX(5px);} @media screen and (max-width: 1620px){ .aboutWrap .item1 .icon{right: 16%;} } @media screen and (max-width: 1480px){ .nyTitle{margin-bottom: 1rem;} .bread .nav li{margin-right: 0.8rem;} .contIndustry .item4 li{padding: 0.85rem 0;} .contIndustry .item4 li .box{padding: 0 0.6rem;} .partnerBanner .person img{height: auto;width: 10rem;} } @media screen and (max-width: 1280px){ .joinUs .item2 ul li{width: 32%;margin: 1.4rem 2% 0 0;} .joinUs .item2 ul li .desc{min-height: 1.86rem;} /* .nyBanner1{height: 17rem;} */ .nyBanner1 .text .desc{max-width: 620px;} .bread{top: 2.6rem;line-height: 2rem;} .contProd .item1 .container .wrap{padding: 1rem 0;} .contProd .item1 .container .tit{margin: 0.6rem 0 0.4rem;} .bread{top: 2.4rem;} } @media screen and (max-width: 1200px){ .bread .nav li{margin-right: 0.5rem;} } @media screen and (max-width: 1024px){ .bread{display: none;} .aboutWrap .item1::before{clip-path: none;} .aboutWrap .item1 .slogan{display: none;} .aboutWrap .item1 .cont1,.aboutWrap .item1 .cont2,.aboutWrap .item1 .dataList{width: 100%;} .aboutWrap .item1 .icon{display: none;} .aboutWrap .item4{background: #f6f6f6;} .aboutWrap .item4 .wrap{display: block;} .aboutWrap .item4 .pic{width: 100%;} .aboutWrap .item4 .text{padding-bottom: 0;} .aboutWrap .item4 .title{margin-bottom: 1rem;} .aboutWrap .item4 .dataList{display: flex;} .aboutWrap .item4 .dataList li{margin-bottom: 0;margin-right: 1rem;} .aboutWrap .item4 .dataList li:last-child{margin-right: 0;} .joinUs .item3 dl{width: 100%;display: flex;} .joinUs .item3 dd,.joinUs .item3 dt{width: 50%;} .contProd .item1 .container .wrap{padding: 0.8rem 0;} .contProd .item1 .container .icon{height: 1.2rem;} .contProd .item1 .container .tit{margin: 0.6rem 0 0.3rem;} .contProd .item2 .tabs li{margin: 0 0.5rem;} .contProd .item4 li{align-items: center;} .contProd .item4 li .icon{width: 3rem;height: 3rem;} .contIndustry .item2 .ul .li, .contIndustry .item4 li{width: 100%;height: auto;margin-top: 0.5rem !important;padding: 0.6rem;} .contIndustry .item4 li .box{height: auto;} .contIndustry .item2 .ul .li:first-child{margin-top: 0 !important;} .contIndustry .item2 .ul .li:hover .title{height: auto;margin-bottom: 0.66rem;opacity: 1;visibility: inherit;} .contIndustry .item2 .ul .li .cont{display: block;} .caseList li{width: 49%;margin-right: 0;} .caseList li:nth-child(2n){float: right;} .contCase .top .logo{width: 8rem;margin-right: 0.8rem;} .recomNews .container .pic{padding-bottom: 10rem;} .recomNews .container .date{margin-bottom: 0.5rem;padding-bottom: 0.5rem;} .recomNews .container .date span{margin-bottom: 4px;} .recomNews .container .moreStyle{bottom: 0.5rem;} .hotNews{display: none;} .passage{width: 100%;} .serviceWrap .item2 .li{padding: 0.6rem 0;} .serviceWrap .item2 .li .box{padding: 0 0.6rem;} .serviceWrap .item2 .icon{margin-right: 0.3rem;} .message .pic{position: relative;width: 100%;height: 0;padding-bottom: 114.7%;} .message .text{width: 100%;} .partnerBanner .person{display: none;} .list_map .wrap dl dd{display: block;} .list_map .wrap dl dd .item{display: flex;width: 100%;margin-top: 0.6rem;} .list_map .wrap dl dd .item h4{flex-shrink: 0;line-height: 1rem;margin-right: 1rem;} .list_map .wrap dl dd .item ul{flex: 1;padding-top: 0;display: flex;flex-wrap: wrap;} .list_map .wrap dl dd .item ul li{margin-right: 0.5rem;} } @media screen and (max-width: 760px){ .nyTitle{margin-bottom: 0.6rem;} .nyBanner{height: auto;padding: 3rem 0 4rem;} .aboutWrap .item1 .dataList li{padding-left: 0.4rem;} .aboutWrap .item1 .dataList h4{line-height: 1rem;} .aboutWrap .item1 .dataList h4 span{font-size: 0.8rem;} .aboutWrap .item2 .ul{display: block;} .aboutWrap .item2 .nLi{width: 100%;margin-bottom: 1rem;} .aboutWrap .item2 .nLi:last-child{margin-bottom: 0;} .aboutWrap .item2 .nLi .icon{width: 1rem;margin-right: 0.4rem;} .aboutWrap .item3 .scroll{padding: 0 1.5rem;} .aboutWrap .item3 .btnStyle1 .btn{transform: scale(0.6);} .aboutWrap .item3 .wrap{padding: 0 0 0 1rem;height: 15rem;} .aboutWrap .item3 .date{margin-bottom: 0.3rem;} .aboutWrap .item3 .date span{font-size: 1rem;} .aboutWrap .item3 .cont ul li{margin-bottom: 0.4rem;} .joinUs .item2 ul li{width: 48%;margin: 1rem 1% 0;} .joinUs .item3 dl{flex-wrap: wrap;} .joinUs .item3 dl:nth-child(2){flex-direction: column-reverse;} .joinUs .item3 dd, .joinUs .item3 dt{width: 100%;} .joinUs .item3 dd{height: auto;padding: 1rem 0 0.5rem;} .product{padding-top: 0;} .product .wrap{display: block;width: 100%;} .product .pNav{display: none;} .product .right{padding: 0;} .product .tabScroll{display: block;margin-bottom: 1rem;} .product .title{margin-bottom: 0.6rem;} .prodList li{width: 100%;margin-bottom: 0.5rem;} .prodList a{background: #FFFFFF;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);padding-top: 0.66rem;} .prodList .btn{opacity: 1;} .prodList .icon{margin-top: 3px;} .product .listWrap{width: 90%;margin: 0 auto;} .contProd .item1 .container .wrap{height: 8rem; box-shadow: 0 0px 6px rgb(204 204 204 / 60%); border-radius: 5px; margin: 5px;border:none;} .contProd .item2 .nyTitle{margin-bottom: 0.6rem;} .contProd .item2 .tabs{align-items: flex-start;justify-content: space-between;display: none;} .contProd .item2 .tabs li{margin: 0;} .contProd .item2 .tabs li a{max-width: 80px;text-align: center;} .contProd .item2 .wapTabs{display: block;} .contProd .item2 .wapTabs .swiper-slide:before{height: 3px;} .contProd .item2 .container{padding: 0.5rem 0 0;margin-top: 0;} .contProd .item2 .container .wrap{display: block;box-shadow: none;} .contProd .item2 .container .text{height: auto;padding: 1rem;width: 100%;} .contProd .item2 .container .text .tit{margin-bottom: 0.5rem;} .contProd .item2 .container .text .desc{padding-right: 0;max-height: none;} .contProd .item2 .container .pic{width: 100%;padding-bottom: 57.14%;} .contProd .item2 .container .btnStyle1{display: none;} .contProd .item4 li{width: 100%;align-items: flex-start;margin-top: 0.5rem !important;height: auto;padding: 0.5rem 0;} .contProd .item4 li .box{padding: 0 0.5rem;} .contProd .item4 li .icon{width: 2.5rem;height: 2.5rem;} .contProd .item4 li .icon img{height: 1.3rem;} .contProd .item6 ul{display: block;overflow: hidden;} .contProd .item6 ul li{width: 33.33%;box-sizing: border-box;float: left;padding: 0.5rem 0 0.5rem 0.6rem;} .contProd .item6 ul li:nth-child(4):before{display: none;} .contProd .item6 ul li .data{font-size: 0.8rem;line-height: 1.2;} .recomCase .container{padding: 0;} .recomProduct .container{margin-top: 0;padding: 0 0 1rem;} .caseWrap{box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04);} .contIndustry .item2 .ul{max-height: none;padding-right: 0;} .contIndustry .item2 .ul .title{margin-bottom: 5px;} .contIndustry .item6 .wrap{padding-bottom: 58.16%;} .contIndustry .item6 .wrap .hover{display: none;} .contIndustry .item6 .wrap:hover .title{transform: translate(0);opacity: 1;} .contIndustry .item6 .container,.contIndustry .item5 .container{padding: 0 0 1rem;} .casePage .searchForm{line-height: 2rem;padding: 0 0.5rem;} .casePage .searchForm .title{padding-right: 1rem;} .casePage .searchForm .title::before{right: 0.5rem;height: 0.8rem;} .casePage .filter{padding: 10px 0.5rem;margin-bottom: 1rem;} .casePage .filter dl dt{margin-right: 0.5rem;} .casePage .filter .keyword li{margin: 0 0 0.3rem;} .caseWrap .tit{line-height: 0.74rem; height: 1.48rem;} .caseList{padding-bottom: 0;} .page{line-height: 1rem;} .page a.num{display: none;} .page a.num.on{display: block;} .page .form{padding: 0 0.3rem;} .page .form .text{height: 1rem;line-height: 1rem;} .nyBanner2 .path{bottom: 2rem;} .contCase .top{display: block;padding: 1rem 0.6rem;margin-top: -1.5rem;} .contCase .top .logo{width: 100%;height: auto;border: none;justify-content: flex-start;margin-bottom: 0.5rem;} .contCase .top .logo img{max-height: 30px;} .contCase .top .title .tit{width: 100%;margin-bottom: 12px;} .contCase .top .title .label{margin: 0 0.4rem 0 0;} .contCase .top .title .label:last-child{margin-right: 0;} .detailPage{padding-left: 0;padding-right: 0;} .detailPage .title{margin-bottom: 0.6rem;} .detailPage .subTitle{margin-bottom: 0.3rem;} .detailPage .cont{margin-bottom: 0.8rem;} .partnerList li{width: 100%;margin-right: 0;} .partnerList li:nth-child(2n){float: right;} .partnerList li .top .logo{width: 1.8rem;height: 1.8rem;} .partnerBanner{min-height: auto;padding: 2rem 0 3rem;} .partnerBanner .wrap{padding-top: 0;} .partnerBanner .content{padding: 0.5rem;} .partnerBanner .top{padding-bottom: 0.5rem;margin-bottom: 0.5rem;} .partnerBanner .top .logo{width: 1.8rem;height: 1.8rem;} .recomNews .container a{display: block;} .recomNews .container .pic,.recomNews .container .text{width: 100%;} .recomNews .container .text{padding: 1rem;} .recomNews .container .moreStyle{position: relative;bottom: 0;left: 0;margin-top: 1rem;} .recomNews .btnStyle1{top: auto;bottom: 1rem;} .newsList li{width: 49%;margin-right: 0;margin-bottom: 0.6rem;} .newsList li:nth-child(2n){float: right;} .passage{padding: 0.8rem;} .passage .psgTitle{padding-bottom: 0.6rem;margin-bottom: 0.6rem;} .passage .psgTitle .info span{margin-right: 0.5rem;} .passage .psgTitle .info span:last-child{margin-right: 0;} .passage .psgLink{padding-top: 0.6rem;margin-top: 0.6rem;} .serviceWrap .item2 .ul{height: auto;} .serviceWrap .item2 .li{width: 100%;margin-top: 0.5rem;height: auto;} .serviceWrap .item2 .li:nth-child(2){margin-top: 0.5rem;} .serviceWrap .item2 .li .box{height: auto;} .serviceWrap .item3 .text{height: auto;} .contactUs .top::before{display: none;} .contactUs .top .wrap{width: 100%;} .contactUs .top .pic{position: relative;width: 100%;height: 0;padding-bottom: 54.13%;} .contactUs .top .text{width: 100%;box-sizing: border-box;padding-left: 5%;padding-right: 5%;background: url(../images/contactUsBg1.jpg) no-repeat center;background-size: cover;} .contactUs .btm li{width: 100%;margin-top: 0.5rem;} .contactUs .btm li:nth-child(2){margin-top: 0.5rem;} .contactUs .btm li .text{padding: 0.6rem;height: auto;} .contactUs .btm li .text .tit{margin-bottom: 0.5rem;} .message .formItem{width: 100%;margin-top: 0.5rem;} .message .formItem:nth-child(2){margin-top: 0.5rem;} .message .subm{margin-top: 0.5rem;width: 100%;} .message .pic{display: none;} .nyBanner .path{display: none;} .aboutWrap .item2 .ul{overflow: hidden;} .aboutWrap .item2 .ul li{width: 49%;float: left;} .aboutWrap .item2 .ul li:nth-child(2n){float: right;} .aboutWrap .item2 .ul li:nth-child(3){width: 100%;} .aboutWrap .item4 .title{text-align: center;} .aboutWrap .item4 .title::before{left: 50%;transform: translateX(-50%);} .aboutWrap .item4 .dataList{width: 100%;justify-content: center;text-align: center;} .caseWrap .pic .logo{line-height: 1rem;} .caseWrap .pic .logo img{height: 0.6rem;} .caseWrap .text{padding: 0.4rem;} .contCase .top .tWrap .l{display: block;} .contCase .top .tWrap .l img{width: 100px;} .contCase .top .logo{display: none;} } @media screen and (max-width: 468px){ /* .joinUs .item2 ul li .desc{min-height: auto;} */ .joinUs .item2 ul li .icon{height: 1.2rem;} .joinUs .item2 ul li .tit{margin: 0.4rem 0 0;} .joinUs .item3 dt{padding-bottom: 56%;} .joinUs .item4 ul li.li3 span{padding-bottom: 111.52%;} .contProd .item1 .container{padding-bottom: 1rem;} .casePage .filter dl{display: block;} .casePage .filter dl dt{margin: 0 0 10px;} .casePage .filter .keyword li a{line-height: 0.8rem;padding: 0 6px;} .casePage .filter .moreBtn{margin-left: 0;} /* .caseList li,.partnerList li{width: 100%;} */ .partnerList ul{padding-bottom: 0;} .recomNews .container .pic{padding-bottom: 58.28%;} .recomNews .container .text{padding: 0.5rem;} .recomNews .btnStyle1{bottom: 0.5rem;} .recomNews .btnStyle1 .btn{transform: scale(0.9);} .newsList{padding-bottom: 0;} .newsList li .text{padding: 0.3rem;} .newsList li .tit{margin: 0 0 0.4rem;} }