/* contactOne */ .contactOne{} .contactOne .leftbox{width:7rem;background:#FAFAFA;border-radius:0.24rem 0px 0px 0.24rem;-webkit-border-radius:0.24rem 0px 0px 0.24rem;-moz-border-radius:0.24rem 0px 0px 0.24rem;-ms-border-radius:0.24rem 0px 0px 0.24rem;-o-border-radius:0.24rem 0px 0px 0.24rem;padding:0.76rem 0.6rem;line-height:1} .contactOne .leftbox .title{ line-height: 1.2; } .contactOne .leftbox .intro{margin-top:0.18rem} .contactOne .leftbox .ul{paddingt-top:0.32rem} .contactOne .leftbox .ul .item{display:flex;align-items:center;margin-top:0.38rem} .contactOne .leftbox .ul .item img{width:0.18rem;margin-right:0.2rem} .contactOne .leftbox .ul .item div{} .contactOne .rightbox{ width:calc(100% - 7rem); height:4.72rem; border-radius: 0 0.24rem 0 0.24rem; -webkit-border-radius: 0 0.24rem 0 0.24rem; -moz-border-radius: 0 0.24rem 0 0.24rem; -ms-border-radius: 0 0.24rem 0 0.24rem; -o-border-radius: 0 0.24rem 0 0.24rem; } .contactOne .rightbox .imgBox{ width:100%; height:100%; border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit; } @media screen and (max-width:1024px){ .contactOne .leftbox{width: 50%;padding: 0.4rem 0.1rem 0.4rem 0.3rem;} .contactOne .rightbox{width: 50%;height: 100%;} .contactOne .leftbox .ul .item{margin-top: 0.26rem;} .contactOne .leftbox .ul .item img{width: 14px;margin-right: 0.1rem;} } @media screen and (max-width:768px){ .contactOne .w1600{flex-direction: column;} .contactOne .leftbox{ width: 100%; border-radius:0.24rem 0.24rem 0 0 ; -webkit-border-radius:0.24rem 0.24rem 0 0 ; -moz-border-radius:0.24rem 0.24rem 0 0 ; -ms-border-radius:0.24rem 0.24rem 0 0 ; -o-border-radius:0.24rem 0.24rem 0 0 ; } .contactOne .rightbox{ width: 100%; border-radius:0 0 0.24rem 0.24rem ; -webkit-border-radius:0 0 0.24rem 0.24rem ; -moz-border-radius:0 0 0.24rem 0.24rem ; -ms-border-radius:0 0 0.24rem 0.24rem ; -o-border-radius:0 0 0.24rem 0.24rem ; } } /* contactTwo */ .contactTwo{} .contactTwo .w1600{background:#FAFAFA;border-radius:0.2rem;-webkit-border-radius:0.2rem;-moz-border-radius:0.2rem;-ms-border-radius:0.2rem;-o-border-radius:0.2rem} .contactTwo .w1600 .leftbox{width:3.1rem;height:5.4rem;background:#C01C17;border-radius:0.2rem;-webkit-border-radius:0.2rem;-moz-border-radius:0.2rem;-ms-border-radius:0.2rem;-o-border-radius:0.2rem;padding:1.08rem 0.2rem 0.5rem 0.5rem;background-image:url(../images/lyBg.jpg);background-size:cover} .contactTwo .w1600 .leftbox .title{line-height:1} .contactTwo .w1600 .leftbox .intro{margin-top:0.48rem} .contactTwo .w1600 .leftbox::after{} .contactTwo .w1600 .rightbox{width:calc(100% - 3.1rem);padding:0.8rem 0.6rem} .contactTwo .w1600 .form{width:100%} .contactTwo .w1600 .form ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between} .contactTwo .w1600 .form li{width:calc(50% - 0.2rem);margin-bottom:0.28rem;justify-content:space-between;height:0.48rem;background:#FFFFFF;border-radius:0.06rem;border:1px solid #EAEAEA;-webkit-border-radius:0.06rem;-moz-border-radius:0.06rem;-ms-border-radius:0.06rem;-o-border-radius:0.06rem} .contactTwo .w1600 .form li input{width:100%;height:100%;padding:0 0.1rem} .contactTwo .w1600 .form li:last-child{width:100%;height:1.5rem} .contactTwo .w1600 .form li textarea{width:100%;height:100%;padding:0.1rem} @media screen and (max-width:1024px){ .contactTwo .w1600 .leftbox{height:auto;padding-left:0.3rem;padding-right:0.3rem} .contactTwo .w1600 .rightbox{padding:0.4rem 0.3rem} .contactTwo .w1600 .form li{width:calc(50% - 0.1rem);height:42px} } @media screen and (max-width:480px){ .contactTwo .w1600{flex-direction:column} .contactTwo .w1600 .leftbox{width:100%;padding:0.4rem 0.3rem} .contactTwo .w1600 .rightbox{width:100%} .contactTwo .w1600 .leftbox .intro{margin-top:0.2rem} } /* caseList */ .caseList{} .caseList .w1600{} .caseList .ul{width: 100%;} .caseList .ul .item{width:calc(100% / 3 - 0.28rem);margin-right:0.42rem;margin-bottom:0.42rem} .caseList .ul .item:nth-child(3n){margin-right:0} .caseList .ul .itemCon{width:100%;display:flex;flex-direction:column} .caseList .ul .itemCon .imgbox{width:100%;padding-top: 71.2%;background:#000000;box-shadow:0px 0px 40px 0px rgba(0,0,0,0.08);border-radius:0.12rem} .caseList .ul .itemCon .imgbox img{transition:all 0.3s ease;border-radius:inherit} .caseList .ul .itemCon .fontbox{max-width: 86%; width:3.88rem;height:2.25rem;background:#FFFFFF;box-shadow:0px 0px 40px 0px rgba(0,0,0,0.08);border-radius:0.09rem;margin:0 auto;margin-top:-0.92rem;position:relative;padding:0.4rem 0.35rem} .caseList .ul .itemCon .title{line-height:1} .caseList .ul .itemCon .intro{margin-top:0.16rem} .caseList .ul .itemCon .watchBtn{margin-top:0.2rem;display:flex;align-items:center;color:#E71F19} .caseList .ul .itemCon .watchBtn::after{content:'';display:block;width:0.13rem;height:0.12rem;background-image:url(../images/arrowRed.svg);background-size:0.13rem 0.12rem;background-repeat:no-repeat;margin-left:0.18rem;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease} .caseList .ul .itemCon:hover .imgbox img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)} .caseList .ul .itemCon:hover .watchBtn::after{margin-left:0.24rem} @media screen and (max-width:1024px){ .caseList .ul .item{width:calc(100% / 3 - 0.12rem);margin-right:0.18rem;margin-bottom:0.18rem} .caseList .ul .itemCon .imgbox{} .caseList .ul .itemCon .fontbox{height:auto;padding:0.3rem 0.2rem} .caseList .ul .itemCon .watchBtn::after{width:13px;height:12px;background-size:13px 12px} } @media screen and (max-width:768px){ .caseList .ul{justify-content: space-between;} .caseList .ul .item{width:calc(50% - 0.1rem);margin-right:0;margin-bottom:0.4rem} .caseList .ul .itemCon .imgbox{} .caseList .ul .itemCon .fontbox{width:86%} } @media screen and (max-width:480px){ .caseList .ul .item{width: 100%;} } .newsDetail{display:flex;flex-direction:row} .newsDetailL{flex:1;margin-right:1.2rem} .newsDetailR{width:2.8rem} .newsDetailList{margin-top:-0.12rem} .newsDetailRLi{margin-top:0.3rem} .newsDetailRLiA .imgBox{width:100%;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;height: auto;} .newsDetailRLiA .imgBox img{width:100%;height: 100%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;transition:all 0.3s ease;object-fit: cover;} .newsDetailRLiA .title{margin-top:0.14rem;line-height:1.75} .newsDetailRLiA .time{margin-top:0.1rem;line-height:1} .newsDetailRLi:hover .imgBox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)} .Titleinfo{border-bottom:1px solid #e8e8e8} .Titleinfo .tits{color:#181818;margin-top:-0.1rem;text-align:center;line-height: 1.5;} .Titleinfo .date{margin-top:0.18rem;margin-bottom:0.4rem;color:#999;display:flex;align-items:center;justify-content:center;flex-wrap: wrap;} .Titleinfo .date i{display:flex;align-items:center} .Titleinfo .date i{margin-right:0.5rem} .Titleinfo .date i img{margin-right:0.09rem;margin-left:-0.23rem} .SinglePage{padding-top:0.4rem;padding-bottom:1px;border-bottom:1px solid #e8e8e8;text-align:justify} .SinglePage *{margin:0 auto;display:block;max-width:100%;margin-bottom:0.3rem} .PrevNextBox{display:flex;flex-direction:row;justify-content:space-between;padding-top:0.52rem;padding-bottom:0.52rem} .PrevNextBox .ul{flex:1;margin-right:0.2rem} .PrevNextBox .more{background:#E71F19;border-radius: 0.26rem;display:flex;justify-content:center;align-items:center;color:#fff;width:1.5rem;height:0.52rem;box-sizing:border-box} .PrevNextBox .more img{margin-right: 0.14rem;width:0.15rem} .PrevNextBox li a{color:#555;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease} .PrevNextBox li a span{color:inherit;margin-left:0.16rem;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease} .PrevNextBox li:first-child{} .PrevNextBox li a:hover{color:#FF9837} .PrevNextBox li a:hover span{color:#FF9837} @media screen and (max-width:1024px){ .newsDetailL{margin-right:0.2rem} } @media screen and (max-width:768px){ .PrevNextBox .more{width:auto;height:36px;padding:0 14px;border-radius:18px} .PrevNextBox .more img{margin-right:8px} .newsDetailL{width:100%} .newsDetailR{width:100%} .newsDetail{flex-direction:column} .newsDetailRLi{width:calc(50% - 0.1rem)} .newsDetailList{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:0.5rem} .newsDetailRLiA .imgBox{height:2.18rem} } /* filter */ .filter{} .filter .list{width:100%;height:0.7rem} .filter .list .ul{width:100%;height:100%} .filter .list .item{line-height:1;display:flex;align-items:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;cursor:pointer} .filter .list .item:last-child::after{display:none} .filter .list .item::after{content:'';display:block;width:0.01rem;height:0.16rem;background-color:#666;margin-left:0.5rem;margin-right:0.5rem} .filter .list .item.on,.filter .list .item:hover{color:#E71F19} @media screen and (max-width:1024px){ .filter .list .item::after{margin-left:0.1rem;margin-right:0.1rem} } /*Timeline002790 */ .Timeline002790 { padding:6% 0 3%} .Timeline002790 .year{ position:relative; padding:2% 0 4% 0;color:#6e6e6e;} .Timeline002790 .year::before{ content:''; width:1px; height:103%; top:-3%; position:absolute; background-color:#ededed; z-index:0;} .Timeline002790 ul{ position:relative; z-index:1;} .Timeline002790 li{position:relative;border-radius: 10px;margin-top: -0.4rem;} .Timeline002790 li:nth-child(1){margin-top: 0;} .Timeline002790 li:after{content: "";display: none;position: absolute;top: 51%;right: 0;width: 50%;height: 2px;border-bottom: 1px dashed #ddd;z-index: -2} .Timeline002790 li:nth-child(2n-1):after{ left: 0} .Timeline002790 li:before{width: 0.21rem;height: 0.21rem;border-radius:50%;position:absolute;left:50%;margin-left: -0.12rem;top: 50%;margin-top: -0.1rem;content:'';background-image: url(../images/dotBg.png);background-repeat: no-repeat;background-size: contain;} .Timeline002790 li:nth-child(2n-1)::before{left:auto;right:50%;margin-right: -0.1rem;} .Timeline002790 li .con{width: calc(50% - 0.2rem);padding: 0.3rem 0.4rem 0.3rem 0.6rem;float: right;position: relative;overflow: hidden;background-image: url(../images/timeLineBgr.png);background-position: left center;background-size: cover;} .Timeline002790 li .con figure{width: 2rem;position: absolute;right: 0.3rem;top: 0.3rem;height: calc(100% - 0.6rem);background-size: contain;background-repeat: no-repeat;background-position: center;} .Timeline002790 li .icon{ position: absolute; left: 0; bottom: 0; width:60px; height: 60px; padding:5px; background: #fff; overflow: hidden; border-radius: 0 6px 0 0} .Timeline002790 li .con .txt{width: calc(100% - 2.3rem);text-align: justify;} .Timeline002790 li .txt h3{margin-bottom: 0.05rem;} .Timeline002790 li:nth-child(2n-1) .con figure{left: 0.3rem;} .Timeline002790 li:nth-child(2n-1) .con .txt{float: right;} .Timeline002790 li:nth-child(2n-1) .icon{ left: auto; right: 0; border-radius: 6px 0 0 0} .Timeline002790 li:nth-child(2n-1) .con{float:left;background-image: url(../images/timeLineBg.png);background-size: cover;background-position: right center;padding: 0.3rem 0.6rem 0.3rem 0.4rem;} .Timeline002790 li .con:hover .txt h3{color: #E71F19;} .Timeline002790 li .txt{position:relative;font-size: 0.16rem;line-height: 1.75;color: #4D4D4D;} .Timeline002790 li:nth-child(2n-1) .txt{ padding-right: 0} .Timeline002790 li .txt figure{transition:all ease 0.5s; position:absolute; top:0;width:120px; height:100px; } .Timeline002790 li:nth-child(2n-1) .txt figure{ left:0; } .Timeline002790 li:nth-child(2n) .txt figure{ right:0; } .Timeline002790 li .txt figure img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .Timeline002790 li .txt h3{margin: 0;font-size: 0.24rem;color: #000000;line-height: 1.666;font-weight: normal;} .Timeline002790 li .txt .intro{font-size: 0.16rem;line-height: 1.75;margin-top: 0.02rem;} .Timeline002790 li.hover .con{/* border: 1px solid #e60012; */} .Timeline002790 li.hover:after{ border-color: #e60012} .Timeline002790 li.hover:before{ border-color: #e60012} @media(min-width:761px){ .Timeline002790 .year::before{left:50%;margin-left:-0.5px; } .Timeline002790 .year::after{content:'';display: block;width:0.1rem;height: 0.1rem;border: 1px solid #d9d9d9;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;position: absolute;left: 50%;top: -4%;margin-left: -0.065rem;} .Timeline002790 li{width:100%;} .Timeline002790 li:nth-child(2n-1){ float:left; } .Timeline002790 li:nth-child(2n){float:right; z-index:10; } } @media(max-width:768px){ .Timeline002790{ padding-top: 0} .Timeline002790 li {margin-bottom: 20px; height: auto; overflow: hidden; margin-top: 0} .Timeline002790 li .con{width: 100%;float: left;padding: 20px;background-image: none !important;!i;!;!;!I;!;background: #F0F0F0;padding: 0.3rem 0.4rem !important;!i;!;} .Timeline002790 .year::before, .Timeline002790 li:after, .Timeline002790 li:before{ display: none} .Timeline002790 li .con .txt, .Timeline002790 li .con figure{ position: relative; float: left; width: 100%} .Timeline002790 li .con figure{height: 200px;margin-bottom: 20px;left: 0 !important;!i;!;!;background-size: contain;} .Timeline002790 li .con .txt{margin-top: 20px;} .Timeline002790 li .txt h3{text-align: center;} } .Timeline002790 .more{ text-align:center; padding-bottom:20px;} .HomeNews .newsList .ul{width:calc(100% + 0.3rem);margin-left:-0.15rem} .HomeNews .newsList .ul .item{margin-left:0.15rem;margin-right:0.15rem} @media screen and (max-width:768px){ .HomeNews .newsList .ul{width: 100%;margin-left: 0;padding-left: 0.6rem;padding-right: 0.6rem;} } /* HomeCooperate */ .HomeCooperate{background-size:cover} .HomeCooperate .numBox{line-height:1;position:relative} .HomeCooperate .numBox .sub{position:absolute;right:-0.1rem} .HomeCooperate .dw{margin-bottom:0.1rem;margin-left:0.14rem;line-height:1} .cooperateList{width:55.625%} .cooperateList .item{width:calc(25% - 0.225rem);margin-right:0.3rem;margin-bottom:0.3rem} .cooperateList .item:nth-child(4n){margin-right:0} .cooperateList .item .itemCon{border:1px solid transparent;transition:all 0.4s linear;width:100%;height:100%;display:block;padding-left:0.35rem;padding-right:0.35rem;background:#fff;border-radius:0.07rem;-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear} .cooperateList .item .itemCon .imgbox{padding-top:87.71%} .cooperateList .item .itemCon .imgbox img{object-fit:contain} .cooperateList .item .itemCon:hover{box-shadow:0px 0px 15px 0px rgba(229,0,20,0.2);border:1px solid #E61F19;margin-top:-0.12rem} @media screen and (max-width:768px){ .HomeCooperate .w1600{flex-direction:column} .HomeCooperate .dw{margin-bottom:0.05rem} .cooperateList{width:100%;margin-top:0.5rem} } @media screen and (max-width:480px){ .HomeCooperate .pt72{padding-top:0.2rem} .cooperateList{justify-content:space-between} .cooperateList .item{width:calc(50% - 0.15rem);margin-right:0} } /* HomeCase */ .HomeCase{background-size:cover} .HomeCase .tab_liBox{width:100%;overflow-x:auto;margin-top: 0.5rem;display:flex} .HomeCase .tab_liBox .tab_li{width:auto;overflow-x:auto;overflow-y:hidden;list-style:none;padding:0;margin:0 auto;display:flex;padding-bottom:0.2rem;margin-bottom:0.5rem} .HomeCase .tab_liBox .tab_li span{flex:0 0 auto;margin-right:0.3rem;font-size:0.16rem;cursor:pointer;height:0.42rem;line-height:0.42rem;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;width:1.2rem;text-align:center;border-radius:0.08rem;border:1px solid #666666} .HomeCase .tab_liBox .tab_li span:last-child{margin-right: 0;} .HomeCase .tab_liBox .tab_li span:hover,.HomeCase .tab_liBox span.on{background-color:#E71F19;color:#fff;border-color:transparent;box-shadow:4px 4px 8px 0px rgba(230,31,25,0.39)} .nones{position:absolute;visibility:hidden;opacity:0;top:0;width:100%;z-index:-10;left:0} .HomeCase .item{padding-left: 0.5rem;padding-right: 0.5rem;} .HomeCase .item .itemCon{overflow: hidden;width:100%;position:relative;border-radius:0.13rem;-webkit-border-radius:0.13rem;-moz-border-radius:0.13rem;-ms-border-radius:0.13rem;-o-border-radius:0.13rem;display: flex;flex-direction: column;justify-content: center;align-items: center;} .HomeCase .item .itemCon img{transition:all 0.5s ease;width:100%;object-fit:cover;border-radius:inherit;-webkit-border-radius:inherit;-moz-border-radius:inherit;-ms-border-radius:inherit;-o-border-radius:inherit;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;height: 100%;} .HomeCase .item .itemCon .title{opacity: 0;/* color:#fff; *//* position:absolute; */left:0;bottom:0;text-align:center;padding: 0.3rem 0.3rem 0 0.3rem;z-index:2;text-align:center;width:100%;line-height: 1;} .HomeCase .item.slick-current .title{opacity: 1;} .HomeCase .slick-arrow.slick-prev{left: 27.5%;z-index:2;background-image: url(../images/arrowLeft.png);} .HomeCase .slick-arrow.slick-next{right:27.5%;z-index:2;background-image:url(../images/arrowRight.png)} .HomeCase .slick-arrow.slick-prev:hover{background-color: transparent;background-image: url(../images/arrowLeftRed.png);} .HomeCase .slick-arrow.slick-next:hover{background-color: transparent;background-image: url(../images/arrowRightRed.png);} .HomeCase .slick-arrow{border: none;width: 0.24rem;height: 0.3rem;background-size: cover;} .HomeCase .item.slick-current .itemCon:hover img{ transform:scale(1.05) ; -webkit-transform:scale(1.05) ; -moz-transform:scale(1.05) ; -ms-transform:scale(1.05) ; -o-transform:scale(1.05) ; } .HomeCase .item.slick-current:hover .itemCon::after{background-color: transparent;} .HomeCase .imgBox{ width: 100%; height: 4.6rem; overflow: hidden; border-radius:0.08rem ; -webkit-border-radius:0.08rem ; -moz-border-radius:0.08rem ; -ms-border-radius:0.08rem ; -o-border-radius:0.08rem ; } @media screen and (max-width:1024px){ .HomeCase .imgBox{height:3.0771rem} }@media screen and (max-width:768px){ .HomeCase .item{padding-left:0.15rem;padding-right:0.15rem} .HomeCase .imgBox{height:2.5075rem} .HomeCase .tab_liBox .tab_li span{margin-right:0.1rem} .HomeCase .tab_liBox .tab_li span{width: 0.9rem;} .HomeCase .slick-arrow.slick-prev{left:0.2rem} .HomeCase .slick-arrow.slick-next{right:0.2rem} .HomeCase .Tab001 .slider{padding-left:0.5rem;padding-right:0.5rem} } @media screen and (max-width:480px){ .HomeCase .item{padding-left:0.15rem;padding-right:0.15rem} .HomeCase .imgBox{height:auto} } /* sectionOne */ .sectionOne{} .sectionOne .sectionOneCon{padding-left:2.4rem} .sectionOne .left{width:calc(100% - 9.03rem);padding-right:0.88rem;padding-bottom: 2.2rem;} .sectionOne .left .title{line-height:1;margin-top:0.24rem} .sectionOne .left .intro{line-height:1.89;text-align:justify;margin-top:0.4rem;padding-bottom: 0.7rem;} .sectionOne .right{background-repeat: no-repeat; width:9.03rem;height:6.06rem;background-image:url(../images/logoBg.png);background-size:cover;padding-right:2.4rem;padding-left:0.48rem;display:flex;align-items:center;padding-bottom:2.22rem} .sectionOne .right .ul{width: 100%;padding-right: 0.2rem;} .sectionOne .right .ul li{} .sectionOne .right .ul .numBox{line-height: 1;position: relative;font-weight: bold;} .sectionOne .right .ul .numBox i{position: absolute;right: 0.03rem;top: 0;font-weight: bold;} .sectionOne .right .ul .numBox .dw{margin-left: 0.14rem;margin-bottom: 0.05rem;font-weight: normal;} @media screen and (max-width:1024px){ .sectionOne .sectionOneCon{padding-left: 2.5%;} .sectionOne .right{width: 50%;padding-right: 2.5%;padding-left: 0.3rem;background-size: contain;} .sectionOne .right .ul .numBox{line-height: 2;} .sectionOne .left{width: 50%;padding-right: 0.3rem;} } @media screen and (max-width:768px){ .sectionOne .left,.sectionOne .right{width:100%;padding-left:0;padding-right:0;height:auto;padding-bottom:0.3rem} .sectionOne .sectionOneCon{flex-direction:column} .sectionOne .sectionOneCon{padding-right:2.5%} .sectionOne .left .title{line-height:1.5;font-size:0.3rem} .sectionOne .left .intro{padding-bottom:0} } .sectionTwo{margin-top: -2.2rem;} .sectionTwo .About_Video{position: relative;} .sectionTwo .About_Video .img{padding-top: 39.514%;} .sectionTwo .About_Video .img::after{content:"";display: block;width:100%;height:100%;position: absolute;/* background: rgba(43,48,61,0.75); */position: absolute;left:0;top:0;} .sectionTwo .About_Video .img .playbtn{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:9;text-align: center;color:#fff;font-size: 0.2rem;cursor: pointer;} .sectionTwo .About_Video .img .playbtn b{display: block;width:0.3rem;height:3px;background: #fba627;margin:0.35rem auto 0.2rem;} .sectionTwo .About_Video .img .play{width:0.6rem;height:0.6rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: rgba(255,255,255,0.3);position: relative;margin:0 auto;} .sectionTwo .About_Video .img .play img{width:0.19rem;object-fit: contain;position: relative;z-index:10;} .sectionTwo .About_Video .img .play::before, .sectionTwo .About_Video .img .play::after{content:'';display: block;width:100%;height:100%;background: #fff;opacity: 0.3;position: absolute;left:0;top:0;border-radius: 50%;} .sectionTwo .About_Video .img .play::before{animation: scale_video 2s linear infinite;} .sectionTwo .About_Video .img .play::after{animation: scale_video 2s 1s linear infinite;} .sectionTwo .About_Video .videoBox{position: absolute;width:100%;height:100%;position: absolute;top:0;left:0;z-index:98;display: none;} .sectionTwo .About_Video .videoBox video{width:100%;height:100%;object-fit: cover;} .sectionTwo .About_Video .videoBox .close{width:0.3rem;height:0.3rem;background: url(../images/close.svg) no-repeat center;background-size: contain;position: absolute;right:0.2rem;top:0.2rem;z-index:99;cursor: pointer;} @keyframes scale_video{ 0%{transform: scale(1);-webkit-transform: scale(1);opacity: 0.3;} 100%{transform: scale(2.5);-webkit-transform: scale(2.5);opacity: 0;} } @media(max-width:1024px){ .sectionTwo .About_Video .img .playbtn{font-size: 14px;} .sectionTwo .About_Video .img .play{width:40px;height:40px;} .sectionTwo .About_Video .img .play img{width:10px;} } @media screen and (max-width:768px){ .sectionTwo{margin-top:0.3rem} } .companyTit .title{font-weight: bold;} .companyTit b{display:block;width:0.63rem;height:0.05rem;background:linear-gradient(90deg,#E71F19 0%,#FFFFFF 100%)} .companyTit .right div{display:flex;justify-content:flex-end} .companyTit .right div p{text-align:right;display:flex;align-items:center} .companyTit .right div p:last-child::before{content:'';display:block;width:0.04rem;height:0.04rem;background-color:#E71F19;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-left:0.2rem;margin-right:0.2rem} @media screen and (max-width:768px){ .companyTit {flex-direction: column;} .companyTit .right{justify-content: center;} .companyTit .right div{justify-content: center;margin-top: 0.2rem;} .companyTit b{margin: 0 auto;} } .sectionThree{ background-color: #f8f8f8; } .sectionThree{background:#f2f5f9;position: relative;} .sectionThree::before{content:"";display: none;width:10.5rem;height:100%;background: url(../images/img_bg1.png) no-repeat center center;background-size: 100% 100%;position: absolute;left:0;top:0;z-index:9;transform: rotate(180deg);left:auto;right:0;} /* .sectionThree .PartBox{height:7.1rem;} */ .sectionThree ul{display: flex;margin-left:-0.5%;position: relative;z-index:9;align-items: flex-end;} .sectionThree ul li{margin-left:0.5%;width:14.875%;position: relative;border-radius: 0.1rem;overflow: hidden;transition: all .5s;} .sectionThree ul li .img{padding-top: 6rem;} .sectionThree ul li .img::after{content:'';display: block;width:100%;height:100%;background: rgba(0,0,0,0.4);position: absolute;top:0;left:0;} .sectionThree ul li .txt{position: absolute;color:#fff;bottom: 50%;padding: 0.4rem 0.1rem;width:100%;box-sizing: border-box;border-radius: 0.1rem;overflow: hidden;transition: all .5s;transform: translate(0px, 50%);} .sectionThree ul li .txt .con{font-weight: lighter;margin-top: 0.1rem;display: none;min-width:5rem;} .sectionThree ul li .txt .iconbox{width:0.65rem;height: 0.48rem;margin:0 auto;display: flex;align-items: center;justify-content: center;} .sectionThree ul li .txt .iconbox .img2{display: none;} .sectionThree ul li .txt .iconbox img{max-height:100%;} .sectionThree ul li .txt .tit{text-align: center;font-size: 0.24rem;margin-top: 0.1rem;transition: all .5s;margin-bottom:0;} .sectionThree ul li .txt .tit::before{opacity: 0;} .sectionThree ul li.on{width:38%;} .sectionThree ul li.on .img{padding-top: 6rem;} .sectionThree ul li.on .txt{ bottom: 0; transform:translate(0,0) ; no-repeat center center; background-size: cover; color:#333; -webkit-transform:translate(0,0) ; -moz-transform:translate(0,0) ; -ms-transform:translate(0,0) ; -o-transform:translate(0,0) ; } .sectionThree ul li.on .txt .con{display: block;position: relative;color: #fff;} .sectionThree ul li.on .txt .icon{display: flex;align-items: flex-start;justify-content: flex-start;position: relative;width:100%;flex-direction: column;} .sectionThree ul li.on .txt .icon i{width:0.23rem;height:10px;background: url(../images/more_b.svg) no-repeat center center;background-size: contain;position: absolute;right:0;top:50%;transform: translateY(-50%);} .sectionThree ul li.on .txt{padding: 0.4rem 0.3rem;} .sectionThree ul li.on .txt .icon .iconbox .img1{display: none;} .sectionThree ul li.on .txt .icon .iconbox .img2{display: block;} .sectionThree ul li.on .txt .icon .iconbox{margin:0;justify-content: flex-start;} .sectionThree ul li.on .txt .tit::before{opacity: 1;} .sectionThree ul li.on .txt .tit{font-size: 0.3rem;/* margin-left:0.2rem; */margin-top: 0.1rem;color: #fff;text-align: left;line-height: 1.5;} @media(max-width:1024px){ .sectionThree ul li .img{padding-top:4rem;} .sectionThree ul li .txt{padding:20px 5px;} .sectionThree ul li.on .img{padding-top: 4rem;} .sectionThree ul li .txt .iconbox{width:36px;height:36px;line-height: 36px;} .sectionThree ul li .txt .tit{font-size: 16px;margin-top:10px;} .sectionThree ul li.on .txt{padding:20px;} .sectionThree ul li.on .txt .tit{font-size: 18px;} .sectionThree ul li.on .txt .icon i{width:14px;} .sectionThree ul li .txt .con{min-width:150px;} } @media(max-width:768px){ .sectionThree ul li .txt .tit{font-size: 14px;} } @media(max-width:640px){ .sectionThree ul{flex-wrap: wrap;} .sectionThree ul li{width:99.5%;margin-bottom:10px;} .sectionThree ul li.on{width:99.5%;} .sectionThree ul li .txt{background-size: cover;color:#333;border-radius: 0 0 0.1rem 0.1rem;padding:15px;} .sectionThree ul li .txt .con{display: block;position: relative;} .sectionThree ul li .txt .icon{display: flex;align-items: flex-start;justify-content: flex-start;position: relative;width:100%;flex-direction: column;} .sectionThree ul li .txt .icon i{width:14px;height:10px;background: url(../images/more_b.svg) no-repeat center center;background-size: contain;position: absolute;right:0;top:50%;transform: translateY(-50%);} .sectionThree ul li .txt .icon .iconbox .img1{display: none;} .sectionThree ul li .txt .icon .iconbox .img2{display: block;} .sectionThree ul li .txt .icon .iconbox{margin:0;justify-content: flex-start;} .sectionThree ul li .txt .tit::before{opacity: 1;} .sectionThree ul li .txt .tit{font-size: 16px;/* margin-left:0.2rem; */margin-top: 0.1rem;text-align: left;} .sectionThree ul li.on .txt .tit{font-size: 16px;} .sectionThree ul li.on .txt{padding:15px;} .sectionThree ul li .txt{ transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); bottom: 0; color: #fff; } } /* sectionFive */ .sectionFive{width:100%} .sectionFive .ul{width:100%} .sectionFive .item{width:calc(100% / 3 - 0.12rem);float:left;margin-right:0.18rem} .sectionFive .item:nth-child(3n){margin-right:0} .sectionFive .item .itemCon{width:100%} .sectionFive .item .itemCon .itemConLink{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;margin-top:0.5rem;padding:0.46rem 0.8rem 0.35rem 0.8rem;background-image:url(../images/ryzzBg.png);background-size:cover} .sectionFive .item .itemCon .itemConLink .imgbox{padding-top:80.524%;width:100%} .sectionFive .item .itemCon .itemConLink .imgbox img{object-fit:contain;object-position:bottom} .sectionFive .item .itemCon .itemConLink .title{line-height:1;margin-top:0.6rem} .sectionFive .slick-dots{margin-top:0.6rem} @media screen and (max-width:768px){ .sectionFive .item{width:calc(50% - 0.1rem);margin-right:0} .sectionFive .item .itemCon .itemConLink{margin-top:0.2rem} .sectionFive .item .itemCon .itemConLink{padding:0.3rem 0.2rem} .sectionFive .item:nth-child(2n - 1){margin-right:0.2rem} .sectionFive .slick-dots,.sectionFive .item .itemCon .itemConLink .title{margin-top:0.2rem} } /* History */ .sectionFour {background-size: cover;background-repeat: no-repeat;} .History{position: relative;overflow: hidden;} /* .History ul {overflow: hidden;} */ @media(min-width:640px){ .History::before {content: '';display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);width: 200%;border-bottom: 1px solid #efaca8;} .History .item{ text-align: center;display: flex;flex-direction: column;} .History .kong, .History .text_box{height: 2.4rem;position: relative;padding: 0 0.4rem;} .History .dian{ width: 0.2rem;height: 0.2rem;position: absolute;border-radius: 50%;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);background-color: #ffe9dc;z-index: 2;} .History .dian::before{ content: '';display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);background-color: #E71F19;width: 50%;height: 50%;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;} .History .slick-slide .desc{line-height: 1.777;overflow: hidden;-webkit-line-clamp: 4;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-break: auto-phrase;color: #333;font-size: 0.16rem;position: relative;text-align: center;} .History .slick-slide .desc p{ margin: 0.05rem 0 0;line-height: 1.4; } /* .History .slick-slide .desc p::before{content: '';display: block;position: absolute;width: 5px; height: 5px; border-radius: 50%;} */ .History .text_box .img{border-radius: 0.1rem;padding-top:56%;width:100%;} .History .slick-slide .year{font-size: 0.34rem;color: #333;transition: all .5s;} .History .slick-slide:nth-child(2n+1) .desc{padding-top: 0.2rem;} .History .slick-slide:nth-child(2n) .desc{margin-bottom: 0.2rem;} .History .slick-slide:nth-child(2n+1) .year{ margin-bottom: 0.5rem;} .History .slick-slide:nth-child(2n) .year{ margin-top: 0.5rem;} .History .slick-slide:nth-child(2n) .item{ flex-direction: column-reverse;} .History .slick-slide:nth-child(2n+1) .kong{display: flex;align-items: flex-end;justify-content: center;} .History .slick-slide:nth-child(2n) .kong{display: flex;align-items: flex-start;justify-content: center;} .History .slick-slide:nth-child(2n) .text_box{ display: flex;align-items: center;justify-content: center;flex-direction: column-reverse;padding-top: 0.45rem;} .History .slick-slide:nth-child(2n+1) .text_box{display: flex;align-items: center;justify-content: center;flex-direction: column;padding-bottom: 0.35rem;} .History .text_box::before{content: '';display: block;width: 1px;height: 0;background-color: #bed0e3;} .History .slick-current .year{font-size: 0.6rem;color: #E71F19;font-weight: bold;/* margin:0.7rem 0!important; */} .History .slick-current .item{background-image: linear-gradient(#ffffff, transparent);border-radius: 0.15rem;} .History .slick-current .text_box::before{background-color: #E71F19;flex: 1;} .History .slick-current .dian{ background-color: #ffc4a1;} .History .slick-slide:nth-child(2n) .dian{ top: -0.09rem;} .History .slick-slide:nth-child(2n+1) .dian{ bottom: -0.09rem;} } .History .slick-prev{left:-0.2rem;} .History .slick-next{right:-0.2rem;} @media(max-width:1024px){ .History .slick-slide .year{font-size: 18px;font-weight: bold;margin-top:20px;} .History .slick-slide:nth-child(2n+1) .year{margin-bottom:20px;} .History .slick-slide:nth-child(2n) .year{margin-top:20px;} .History .slick-current .year{margin:30px 0 !important;font-size: 24px;} .History .slick-slide .desc{font-size: 14px;} .History .kong, .History .text_box{/* height: 2rem; */} } @media(max-width:768px){ .History .kong, .History .text_box{/* height:4rem; */} } @media(max-width:640px){ .History .kong, .History .text_box{height:auto;} .History .slick-slide:nth-child(2n) .item{flex-direction: column;} .History .slider{padding:0 40px;} .History .item{background-image: linear-gradient(#ffffff, transparent);border-radius: 0.15rem;padding:20px;margin-left: 0.2rem;margin-right: 0.2rem;} .History .slick-current .year{margin:0 0 10px 0 !important;color:#E71F19;} .History .text_box .img{padding-top:56%;border-radius: 0.1rem;margin-bottom:15px;} .History .slick-prev{left:0;} .History .slick-next{right:0;} } @media screen and (max-width:480px){ .sectionFour {/* padding-bottom: 0; */} } @media screen and (max-width:1024px){ .Timeline002790 li .txt h3{font-size: 0.22rem;} } @media screen and (max-width:768px){ .sectionOne .left .title, .HomeCooperate .submitBtn.watchMore, .HomeIntro .left .title{margin-top: 0;} .HomeBan .slick-dots{bottom: 0.2rem;} .sectionOne .left .intro{margin-top: 0.2rem;} .HomeCase .tab_liBox, .HomeSolution .tab_liBox, .HomeIntro .right{margin-top: 0.3rem;} .HomeSolution .solutionList{padding-top: 0;} .HomeCase .tab_liBox .tab_li { padding-bottom: 0; margin-bottom: 0.3rem; } .companyTit .right div p { text-align: center; justify-content: center; } .companyTit .right div { justify-content: center; flex-direction: column; text-align: center; } } .solutionDetail{background:#F8F8F8} .solutionDetail .ul{width:7rem;max-width:50%} .solutionDetail .ul .itemCon{padding:0.82rem;background:#fff;display:block} .solutionDetail .ul .imgbox{padding-top:62.687%} .solutionDetail .ul .imgbox img{object-fit:contain} .solutionDetail .right{line-height:1;flex:1;padding-left:1rem;padding-top:0.5rem;padding-bottom:0.5rem} .solutionDetail .right .title{line-height:1} .solutionDetail .right .title::after{content:'';display:block;width:0.25rem;height:0.02rem;background:#E61F19;margin-top:0.2rem} .solutionDetail .right .intro{line-height:1.625;margin-top:0.25rem;padding-bottom:0.34rem;border-bottom:1px solid #DDDDDD;margin-bottom:0.4rem} .mb20{margin-bottom:0.2rem} .ml50{margin-left:0.5rem} .priceBtn{width:1.7rem;height:0.55rem;background:#E61F19;border-radius:0.08rem;-webkit-border-radius:0.08rem;-moz-border-radius:0.08rem;-ms-border-radius:0.08rem;-o-border-radius:0.08rem;display:flex;justify-content:center;align-items:center;background-color:#E71F19} .priceBtn::before{content:'';display:block;width:0.22rem;height:0.19rem;background-image:url(../images/messageIcon.png);background-size:0.22rem 0.19rem;background-repeat:no-repeat;margin-right:0.14rem;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease} .priceBtn:hover::before{margin-right:0.2rem} .priceBtn:hover{color:#ffffff} .backBtn{width:1.7rem;height:0.55rem;border-radius:0.08rem;-webkit-border-radius:0.08rem;-moz-border-radius:0.08rem;-ms-border-radius:0.08rem;-o-border-radius:0.08rem;display:flex;justify-content:center;align-items:center;background-color:#888888} .backBtn::before{content:'';display:block;width:0.21rem;height:0.19rem;background-image:url(../images/backIcon.png);background-size:0.21rem 0.19rem;background-repeat:no-repeat;margin-right:0.14rem;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease} .backBtn:hover::before{margin-right:0.2rem} .backBtn:hover{color:#ffffff} .solutionDetail .slick-arrow{width:0.14rem;height:0.09rem;border:none;background-size:contain;top:auto;transform:translate(0,0);bottom:0.5rem;z-index:2} .solutionDetail .slick-arrow:hover{background-color:transparent} .solutionDetail .slick-arrow.slick-prev{background-image:url(../images/arrowLeftLine.png);left:35%} .solutionDetail .slick-arrow.slick-prev:hover{background-image:url(../images/arrowLeftLineRed.png)} .solutionDetail .slick-arrow.slick-next{background-image:url(../images/arrowRightLine.png);right:35%} .solutionDetail .slick-arrow.slick-next:hover{background-image:url(../images/arrowRightLineRed.png)} .solutionDetail .slick-dots{position:absolute;bottom:0.5rem} .solutionDetail .slick-dots li{width:0.08rem;height:0.08rem;display:flex;align-items:center;margin-left:0.08rem;margin-right:0.08rem} .solutionDetail .slick-dots button{margin-left:0rem;margin-right:0rem;width:0.07rem;height:0.07rem;border:1px solid #E71F19} @media screen and (max-width:1024px){ .solutionDetail .right{padding: 0.3rem;} } @media screen and (max-width:768px){ .solutionDetail .right{padding: 0.3rem 0;} .solutionDetail .w1600{flex-direction:column} .solutionDetail .ul{width:100%;max-width:100%} .solutionDetail .mt60{margin-top:0.3rem} .solutionDetail .right .intro{margin-bottom:0.2rem;display:block;padding-bottom:0.2rem} } .relatedProducts{background:#F8F8F8} .relatedProducts .title{line-height:1;border-bottom:0.02rem solid #E71F19;padding-bottom:0.3rem;margin-bottom:0.3rem} .relatedProducts .ul{width:calc(100% + 0.26rem);margin-left:-0.13rem} .relatedProducts .ul .item{margin-left:0.13rem;margin-right:0.13rem} .relatedProducts .ul .itemCon{display:block} .relatedProducts .ul .itemConBox{padding:0.25rem;background-color:#fff} .relatedProducts .imgbox{padding-top:61.86%} .relatedProducts .imgbox img{object-fit:contain;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease} .relatedProducts .intro{text-align:center;line-height:1;margin-top:0.28rem} .relatedProducts .ul .item:hover .imgbox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)} .relatedProducts .ul .item:hover .intro{color:#E71F19} @media screen and (max-width:1024px){ .feature ul li div{font-size: 0.24rem !important;} .relatedProducts .title{font-size: 0.24rem;} .relatedProducts .ul{width: 100%;margin-left: 0;padding-left: 0.6rem;padding-right: 0.6rem;} } .solutionTitle{line-height:1;border-bottom:1px solid #DDDDDD;padding-bottom:0.3rem;margin-bottom:0.28rem} .solutionTitle img{width:0.34rem;margin-right:0.2rem} .feature ul{display:flex;flex-wrap:wrap;margin-top:0.2rem} .feature ul li{width:25%;border:1px solid #EEEEEE;padding:0.4rem;color:#333333;line-height:1.675} .feature ul li div{line-height:1;font-size:0.46rem;font-weight:bold;color:#E71F19;margin-bottom:0.25rem} @media screen and (max-width:768px){ .feature ul li{padding: 0.2rem;width: 50%;} .feature ul li div{margin-bottom: 0.1rem;} } .From-receded{margin-top: .3rem;} .From-receded ul{max-width: 7rem;} .From-receded ul li{display: flex;flex-wrap: wrap;margin-bottom: .2rem;} .From-receded ul li:last-child{margin-bottom: .2rem;} .From-receded ul li .name{width: 1rem;font-size: .18rem;color: #333;line-height: .5rem;} .From-receded ul li .box{width: calc(100% - 1rem)} .From-receded ul li .text{padding: 0 .15rem;width: 100%;height: .5rem;border: 1px solid #ccc;box-sizing: border-box;} .From-receded ul li select{width: 100%;height: .5rem;border: 1px solid #ccc;box-sizing: border-box;} .From-receded ul li textarea{padding: .15rem;width: 100%;height: 1.5rem;border: 1px solid #ccc;box-sizing: border-box;} .From-receded ul li .submit{width: 100%;height: .5rem;background: #5885ea;color: #fff;cursor: pointer;} .From-receded ul li .file{position: relative;width: 1.2rem;} .From-receded ul li .file .tit{display: flex;align-items: center;justify-content: center;width: 100%;height: .5rem;font-size: .18rem;border: 1px solid #ccc;box-sizing: border-box;} .From-receded ul li .file input{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;opacity: 0;z-index: 3;cursor: pointer;} .From-receded ul li .re-imgbox .re-imgbox { padding: 3px; display: flex; } .From-receded ul li .re-imgbox .re-imgbox li { margin-right: 5px; } .From-receded ul li .re-imgbox .re-imgbox li img { width: 80px; height: 80px; } @media screen and (max-width:768px){ }