body{overflow-x: hidden;} .w1400{margin: 0 auto;width:73.56%;/*width: 72.916%; min-width: 1200px; */} .content{padding: 0; position: relative;background: #f6f6f6;} .swiper-container{width: 100%;} .swiper-button-next,.swiper-button-prev{z-index: 6;margin-top: 0; width: 128px;height: 128px;cursor: pointer;} .swiper-button-next{background: url(../images/zjpage/pc/icon/icon_7.png) center no-repeat;background-size: 100% auto;} .swiper-button-next:hover{background: url(../images/zjpage/pc/icon/icon_7s.png) center no-repeat;background-size: 100% auto;} .swiper-button-prev{background: url(../images/zjpage/pc/icon/icon_6.png) center no-repeat;background-size: 100% auto;} .swiper-button-prev:hover{background: url(../images/zjpage/pc/icon/icon_6s.png) center no-repeat;background-size: 100% auto;} /*内页标题*/ .page_title{padding: 60px 0; line-height: 52px; font-size: 40px;font-weight: 900;color: #333;text-align: center;} .page_title i{display: inline-block;} .page_title span{display: inline-block;color: #ff0000;} .bac_page{position: absolute;left: 0;top: 0; width: 20.4%;height: 100%;background: #fff;} .more_page{padding: 50px 0 73px; text-align: center;} .more_page p{padding-bottom: 17px; font-size: 16px;color: #333;background: url(../images/zjpage/pc/icon/icon_1.png) center bottom no-repeat;} .more_go{display: none;} /*banner*/ /**/ .pcMax .pcTopTotal .title{left: 13.22%; top: 50%;transform: translateY(-50%);font-size: 50px;font-weight: 900;} .pcMax .titleIntroduce{font-size: 24px;} .pcMax .navBottom{width: 86.78%;} .pcMax .aboutUs{width: 13.22%;} @media(max-width:1200px){ .w1400{min-width: auto;width: 88%;} .content{padding: 0;} .page_title{padding: 1.73rem 0 0.8rem; line-height:0.52rem; font-size:0.4rem;font-weight: 900;} .bac_page{width: 20.4%;height: 100%;} .more_page{padding: 0.73rem 0 1rem;} .more_page p{padding-bottom: 0;margin: 0 auto;width: 60%;height: 0.78rem;line-height: 0.78rem; font-size: 0.24rem;text-align: center;color: #ff0000; background:none;border: #d43a36 1px solid;} .more_go{display: block; padding: 0.73rem 0 1rem;} .more_go p{padding-bottom: 0;margin: 0 auto;width: 2.5rem;height: 0.78rem;line-height: 0.78rem; font-size: 0.24rem;text-align: center;color: #333;border: #333 1px solid;} .swiper-pagination{left: 0;bottom: 0;z-index: 2; width: 100%;height: 0.2rem;} .swiper-pagination .swiper-pagination-bullet{transition: all 0.5s;margin: 0 0.08rem; width: 0.17rem;height: 0.17rem;border-radius: 0.17rem; background: #e4e4e4;opacity: 1;} .swiper-pagination .swiper-pagination-bullet-active{transition: all 0.5s;width: 0.36rem;background: #d43a36;} .paging{display: none;} /*banner*/ .pcMax .pcTopTotal{position: relative;} /**/ .pcMax .pcTopTotal .title{left: 6%; margin-top:-0.62rem;width: 80%; font-size: 0.6rem;line-height: 0.66rem;} .pcMax .aboutUs{display: none;position: absolute;left: auto;bottom: auto;margin-left: 6%;padding-top: 0.8rem; width:88%;} .pcMax .aboutUs .aboutText{width: auto;text-align: left;} .pcMax .titleIntroduce {margin-top: 0.18rem; font-size: 0.3rem;} .pcMax .navBottom{display: block;position: relative;} } /*----------- p3-0成功案例 -----------*/ .case{position: relative;background: #f6f6f6;} .case .page_title{padding:80px 0 0;} .case_01 ul{padding-top: 80px;} .case_01 ul li{float: left;margin:0 1.613% 21px 0; width: 23.79%; height: 268px;background: #fff;} .case_01 ul li:nth-child(4n){margin-right: 0;} .case_01 ul a{position: relative;padding-top: 13px;height: 255px;overflow: hidden;} .case_01 ul .pic{padding-bottom: 19px;margin: 0 auto;width: 83%;height: 124px;overflow: hidden;} .case_01 ul .pic i{width: 100%;height: 100%;} .case_01 ul p{margin: 0 auto;width: 78%;max-height:78px; line-height: 26px; font-size: 16px;color: #333; text-align: center;overflow: hidden; text-overflow: ellipsis; display: -ms-box; -ms-line-clamp: 3; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 3; -o-box-orient: vertical;} .case_01 ul .pos{transition: all 0.5s;opacity: 0; position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background: #bc2e2b;} .case_01 ul .pos .icon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/zjpage/pc/case_bac.png) left top no-repeat;background-size:55% auto;} .case_01 ul .pos .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 84.8%;text-align: center;color: #fff;} .case_01 ul .pos .text b{margin-bottom: 20px; font-size: 18px;font-weight: 900;} .case_01 ul .pos .text i{max-height: 84px; line-height: 28px;font-size: 16px;overflow: hidden; text-overflow: ellipsis; display: -ms-box; -ms-line-clamp: 3; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 3; -o-box-orient: vertical;} .case_01 ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3);} .case_01 ul li:hover .pos{transition: all 0.5s;opacity: 1; left: 0%;} @media(max-width:1200px){ .case .page_title{padding: 0.8rem 0 0;} .case_01 ul{padding-top: 0.8rem;} .case_01 ul li{margin:0 3% 0.2rem 0; width: 48.5%; height: 2.68rem;} .case_01 ul li:nth-child(2n){margin-right: 0;} .case_01 ul a{padding-top: 0.13rem;height: 2.55rem;} .case_01 ul .pic{padding-bottom: 0.19rem;width: 83%;height:1.24rem;} .case_01 ul p{width: 77%;max-height: 1.05rem; line-height: 0.35rem; font-size:0.24rem;} .case_01 ul .pos{display: none;} .case_01 ul li:hover{box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);} } /*----------- p3-2成功案例-特色详情 -----------*/ .case_feature .feature01{padding-bottom: 60px; background: url(../images/zjpage/pc/case_feature_1.jpg) center bottom no-repeat;background-size: cover;} .case_feature .feature01 .page_title{text-align: center;} .case_feature .feature01 .text{margin: 0 auto;width: 92.85%;font-size: 22px;line-height: 36px;color: #333;text-align: center;} .case_feature .feature02{position: relative; padding-bottom: 40px;background: #f6f6f6;} .case_feature .feature02 .bac{position: absolute;left: 0;bottom:0;width: 100%;height: 195px;} .case_feature .feature02 .page_title{text-align: center;} .case_feature .feature02 .next{position: relative;z-index: 3; background: url(../images/zjpage/pc/case_feature_2.jpg) center bottom no-repeat;background-size: cover;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .case_feature .feature02 .next .swiper-slide{padding: 1px 0; width: 33.3%; height: 329px;text-align: center;overflow: hidden;} .case_feature .feature02 .next .text{line-height: 30px;} .case_feature .feature02 .next .text .icon{margin: 43px auto 40px;width: 104px;height: 104px;border:#e6d1d0 1px solid;border-radius: 100%;} .case_feature .feature02 .next .text .icon span{width: 100%;height: 100%;} .case_feature .feature02 .next .text .icon .span2{display: none;} .case_feature .feature02 .next .text b{font-size: 18px;color: #ff0000;font-family: "Arial";} .case_feature .feature02 .next .text .clearfix{font-size: 18px;color: #333;} .case_feature .feature02 .next .text .clearfix p{margin: 0 auto;width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .case_feature .feature02 .next em{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%); width: 41px;height: 4px;background: #e6e9ec;} .case_feature .feature02 .next .pos{transition: all 0.5s; position: absolute;left: -100%;top: 0;width: 100%;height: 100%;opacity: 0;} .case_feature .feature02 .next .pos .text_box{position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 100%;} .case_feature .feature02 .next .pos .icon{width: 100%;height: 73px;} .case_feature .feature02 .next .pos b{margin-bottom: 20px; font-size: 18px;color: #fff;} .case_feature .feature02 .next .pos i{margin:0 auto 20px;width: 27px;height: 4px;background: #fad5d4;} .case_feature .feature02 .next .pos .clearfix{margin: 0 auto;width: 78%;max-height:145px;line-height: 29px;font-size: 16px;color: #fff;overflow: hidden; text-overflow: ellipsis; display: -ms-box; -ms-line-clamp: 5; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 5; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 5; -o-box-orient: vertical; } .case_feature .feature02 .next .swiper-slide:hover .pos{transition: all 0.5s;left: 0;opacity: 1;} .case_feature .feature02 .swiper-button-next{opacity: 0.8; right: -64px; transform: translateY(-50%);} .case_feature .feature02 .swiper-button-prev{opacity: 0.8; left: -64px; transform: translateY(-50%);} .case_feature .feature02 .swiper-slide:nth-child(1) .text .icon .span1{background: url(../images/zjpage/pc/icon/icon_2_2s.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(2) .text .icon .span1{background: url(../images/zjpage/pc/icon/icon_2_3s.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(3) .text .icon .span1{background: url(../images/zjpage/pc/icon/icon_2_4s.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(4) .text .icon .span1{background: url(../images/zjpage/pc/icon/icon_2_5s.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(5) .text .icon .span1{background: url(../images/zjpage/pc/icon/icon_2_6s.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(6) .text .icon .span1{background: url(../images/zjpage/pc/icon/icon_2_7s.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(7) .text .icon .span1{background: url(../images/zjpage/pc/icon/icon_2_8s.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(8) .text .icon .span1{background: url(../images/zjpage/pc/icon/icon_2_9s.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(9) .text .icon .span1{background: url(../images/zjpage/pc/icon/icon_2_10s.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(10) .text .icon .span1{background: url(../images/zjpage/pc/icon/icon_2_11s.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(1) .text .icon .span2{background: url(../images/zjpage/mobile/icon/icon_2_2s.png) center no-repeat;background-size: 0.58rem auto; } .case_feature .feature02 .swiper-slide:nth-child(2) .text .icon .span2{background: url(../images/zjpage/mobile/icon/icon_2_3s.png) center no-repeat;background-size: 0.58rem auto; } .case_feature .feature02 .swiper-slide:nth-child(3) .text .icon .span2{background: url(../images/zjpage/mobile/icon/icon_2_4s.png) center no-repeat;background-size: 0.58rem auto; } .case_feature .feature02 .swiper-slide:nth-child(4) .text .icon .span2{background: url(../images/zjpage/mobile/icon/icon_2_5s.png) center no-repeat;background-size: 0.58rem auto; } .case_feature .feature02 .swiper-slide:nth-child(5) .text .icon .span2{background: url(../images/zjpage/mobile/icon/icon_2_6s.png) center no-repeat;background-size: 0.58rem auto; } .case_feature .feature02 .swiper-slide:nth-child(6) .text .icon .span2{background: url(../images/zjpage/mobile/icon/icon_2_7s.png) center no-repeat;background-size: 0.58rem auto; } .case_feature .feature02 .swiper-slide:nth-child(7) .text .icon .span2{background: url(../images/zjpage/mobile/icon/icon_2_8s.png) center no-repeat;background-size: 0.58rem auto; } .case_feature .feature02 .swiper-slide:nth-child(8) .text .icon .span2{background: url(../images/zjpage/mobile/icon/icon_2_9s.png) center no-repeat;background-size: 0.58rem auto; } .case_feature .feature02 .swiper-slide:nth-child(9) .text .icon .span2{background: url(../images/zjpage/mobile/icon/icon_2_10s.png) center no-repeat;background-size: 0.58rem auto;} .case_feature .feature02 .swiper-slide:nth-child(10) .text .icon .span2{background: url(../images/zjpage/mobile/icon/icon_2_11s.png) center no-repeat;background-size: 0.58rem auto;} .case_feature .feature02 .swiper-slide:nth-child(1) .pos .icon{background: url(../images/zjpage/pc/icon/icon_2_2.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(2) .pos .icon{background: url(../images/zjpage/pc/icon/icon_2_3.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(3) .pos .icon{background: url(../images/zjpage/pc/icon/icon_2_4.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(4) .pos .icon{background: url(../images/zjpage/pc/icon/icon_2_5.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(5) .pos .icon{background: url(../images/zjpage/pc/icon/icon_2_6.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(6) .pos .icon{background: url(../images/zjpage/pc/icon/icon_2_7.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(7) .pos .icon{background: url(../images/zjpage/pc/icon/icon_2_8.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(8) .pos .icon{background: url(../images/zjpage/pc/icon/icon_2_9.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(9) .pos .icon{background: url(../images/zjpage/pc/icon/icon_2_10.png) center no-repeat;} .case_feature .feature02 .swiper-slide:nth-child(10) .pos .icon{background: url(../images/zjpage/pc/icon/icon_2_11.png) center no-repeat;} @media(max-width:1300px){ .case_feature .feature02 .swiper-button-next{right: -40px;width: 80px;height: 80px;} .case_feature .feature02 .swiper-button-prev{left: -40px;width: 80px;height: 80px;} } .case_feature .feature02 .swiper-pagination{display: none;} .case_feature .feature03{padding-bottom: 60px;background: #fff;} .case_feature .feature03 img{max-width: 100%;} .case_feature .feature04{padding-bottom: 130px; background: #f6f6f6;} .case_feature .feature04 img{max-width: 100%;} .case_feature .feature05{padding-bottom: 100px; background: #fff;} .case_feature .feature05 .swiper-slide{ position: relative;margin:20px 0.7666%;width:31.8%;height: 390px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 6px;} .case_feature .feature05 .page_title{padding: 60px 0 50px;text-align: center;} .case_feature .feature05 .next{position: relative;} .case_feature .feature05 .swiper-slide .icon{padding-top: 24px;} .case_feature .feature05 .swiper-slide i{display: none; width: 100%;height: 74px;} .case_feature .feature05 .swiper-slide .i1{display: block;} .case_feature .feature05 .swiper-slide em{ margin:0 auto 16px;width: 1px;height: 52px; background: #ddd;} .case_feature .feature05 .swiper-slide b{margin-top: -8px; font-size: 48px;color: #c3c3c3; font-family: "Arial";text-align: center;} .case_feature .feature05 .swiper-slide span{margin:18px 0 14px; font-size: 20px;color: #333;text-align: center;} .case_feature .feature05 .swiper-slide p{margin:0 auto;width: 80%; line-height: 30px; font-size: 16px;color: #666;text-align: center; overflow: hidden; text-overflow: ellipsis; display: -ms-box; -ms-line-clamp: 7; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 7; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 7; -o-box-orient: vertical;} .case_feature .feature05 .swiper-slide:hover .i1{display: none;} .case_feature .feature05 .swiper-slide:hover .i2{display: block;} .case_feature .feature05 .swiper-slide:hover b,.case_feature .feature05 .swiper-slide:hover span{transition: all 0.5s;color: #ff0000;} .case_feature .feature05 .swiper-pagination{display: none;} .case_feature .feature05 .swiper-button-next{right: -64px;} .case_feature .feature05 .swiper-button-prev{left: -64px;} .case_feature .feature05 .swiper-button-next,.case_feature .feature05 .swiper-button-prev{transform: translateY(-50%);opacity: 1;} .case_feature .feature05 .swiper-slide:nth-child(1) .i1{background: url(../images/zjpage/pc/case_feature_9.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(2) .i1{background: url(../images/zjpage/pc/case_feature_10.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(3) .i1{background: url(../images/zjpage/pc/case_feature_11.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(4) .i1{background: url(../images/zjpage/pc/case_feature_12.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(5) .i1{background: url(../images/zjpage/pc/case_feature_13.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(6) .i1{background: url(../images/zjpage/pc/case_feature_14.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(7) .i1{background: url(../images/zjpage/pc/case_feature_15.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(8) .i1{background: url(../images/zjpage/pc/case_feature_16.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(9) .i1{background: url(../images/zjpage/pc/case_feature_17.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(10) .i1{background: url(../images/zjpage/pc/case_feature_18.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(11) .i1{background: url(../images/zjpage/pc/case_feature_19.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(1) .i2{background: url(../images/zjpage/pc/case_feature_9s.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(2) .i2{background: url(../images/zjpage/pc/case_feature_10s.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(3) .i2{background: url(../images/zjpage/pc/case_feature_11s.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(4) .i2{background: url(../images/zjpage/pc/case_feature_12s.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(5) .i2{background: url(../images/zjpage/pc/case_feature_13s.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(6) .i2{background: url(../images/zjpage/pc/case_feature_14s.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(7) .i2{background: url(../images/zjpage/pc/case_feature_15s.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(8) .i2{background: url(../images/zjpage/pc/case_feature_16s.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(9) .i2{background: url(../images/zjpage/pc/case_feature_17s.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(10) .i2{background: url(../images/zjpage/pc/case_feature_18s.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(11) .i2{background: url(../images/zjpage/pc/case_feature_19s.png) center no-repeat;} .case_feature .feature05 .swiper-slide:nth-child(1) .i3{background: url(../images/zjpage/mobile/case_feature_9s.png) center no-repeat; background-size: 0.46rem auto; } .case_feature .feature05 .swiper-slide:nth-child(2) .i3{background: url(../images/zjpage/mobile/case_feature_10s.png) center no-repeat;background-size: 0.46rem auto; } .case_feature .feature05 .swiper-slide:nth-child(3) .i3{background: url(../images/zjpage/mobile/case_feature_11s.png) center no-repeat;background-size: 0.46rem auto; } .case_feature .feature05 .swiper-slide:nth-child(4) .i3{background: url(../images/zjpage/mobile/case_feature_12s.png) center no-repeat;background-size: 0.46rem auto; } .case_feature .feature05 .swiper-slide:nth-child(5) .i3{background: url(../images/zjpage/mobile/case_feature_13s.png) center no-repeat;background-size: 0.46rem auto; } .case_feature .feature05 .swiper-slide:nth-child(6) .i3{background: url(../images/zjpage/mobile/case_feature_14s.png) center no-repeat;background-size: 0.46rem auto; } .case_feature .feature05 .swiper-slide:nth-child(7) .i3{background: url(../images/zjpage/mobile/case_feature_15s.png) center no-repeat;background-size: 0.46rem auto; } .case_feature .feature05 .swiper-slide:nth-child(8) .i3{background: url(../images/zjpage/mobile/case_feature_16s.png) center no-repeat;background-size: 0.46rem auto; } .case_feature .feature05 .swiper-slide:nth-child(9) .i3{background: url(../images/zjpage/mobile/case_feature_17s.png) center no-repeat;background-size: 0.46rem auto; } .case_feature .feature05 .swiper-slide:nth-child(10) .i3{background: url(../images/zjpage/mobile/case_feature_18s.png) center no-repeat;background-size: 0.46rem auto;} .case_feature .feature05 .swiper-slide:nth-child(11) .i3{background: url(../images/zjpage/mobile/case_feature_19s.png) center no-repeat;background-size: 0.46rem auto;} @media(max-width:1200px){ .case_feature .feature01{padding-bottom: 1.2rem; background: url(../images/zjpage/mobile/case_feature_1.jpg) center bottom no-repeat;background-size: cover;} .case_feature .feature01 .page_title{padding: 1.17rem 0 0.34rem;} .case_feature .feature01 .text{width: 92.85%;font-size: 0.26rem;line-height:0.44rem;} .case_feature .feature02{padding-bottom:1.4rem;} .case_feature .feature02 .bac{height: 4.7rem;} .case_feature .feature02 .page_title{padding: 0.8rem 0 0.6rem;} .case_feature .feature02 .next{margin: 0 auto;width: 87.3%; background: url(../images/zjpage/mobile/case_feature_2.jpg) center bottom no-repeat;background-size: cover;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);} .case_feature .feature02 .next .swiper-slide{padding: 1px 0; width: 100%; height: 5.18rem;} .case_feature .feature02 .next .text{line-height: 0.48rem;} .case_feature .feature02 .next .text .icon{margin: 0.72rem auto 0.62rem;width:1.48rem;height: 1.48rem;border:#e6d1d0 1px solid;border-radius: 100%;} .case_feature .feature02 .next .text .icon .span1{display: none;} .case_feature .feature02 .next .text .icon .span2{display: block;} .case_feature .feature02 .next .text b{font-size: 0.36rem;} .case_feature .feature02 .next .text .clearfix{font-size: 0.3rem;text-align: center;} .case_feature .feature02 .next .text .clearfix p{display: inline-block;} .case_feature .feature02 .next em{width: 41px;height: 4px;} .case_feature .feature02 .next .pos{display: none;} .case_feature .feature02 .swiper-button-next,.case_feature .feature02 .swiper-button-prev{display: none !important; opacity: 0;} .case_feature .feature02 .swiper-pagination{display: block;} .case_feature .feature03{padding-bottom: 0.8rem;} .case_feature .feature03 .page_title{padding: 1rem 0 0.58rem;} .case_feature .feature04{padding-bottom: 0.88rem;} .case_feature .feature04 .page_title{padding: 1rem 0 0.58rem;} .case_feature .feature05{padding-bottom: 1rem;} .case_feature .feature05 .next{width: 100%;} .case_feature .feature05 .swiper-container{margin:0.2rem auto;width:88%;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);} .case_feature .feature05 .swiper-slide{margin: 0; width:100%;height: 4.6rem;box-shadow: 0 0 0.1rem rgba(0,0,0,0);border-radius: 6px;} .case_feature .feature05 .page_title{padding: 0.6rem 0 0.6rem;} .case_feature .feature05 .swiper-slide .icon{padding-top: 24px;} .case_feature .feature05 .swiper-slide i{display: none;height:0.74rem;} .case_feature .feature05 .swiper-slide .i1{display: none;} .case_feature .feature05 .swiper-slide .i3{display: block;} .case_feature .feature05 .swiper-slide em{ margin:0 auto 0.16rem;height: 0.52rem; } .case_feature .feature05 .swiper-slide b{margin-top: -8px; font-size: 0.48rem;color: #ff0000;} .case_feature .feature05 .swiper-slide span{margin:0.2rem 0 0.17rem; font-size: 0.3rem;color: #ff0000;} .case_feature .feature05 .swiper-slide p{width: 80%;max-height: 2.2rem; line-height: 0.36rem; font-size: 0.24rem;-webkit-line-clamp: 6;-ms-line-clamp: 6;-moz-line-clamp: 6;-webkit-line-clamp: 6;-o-line-clamp: 6;} .case_feature .feature05 .swiper-slide:hover .i1{display: none;} .case_feature .feature05 .swiper-slide:hover .i2{display: none;} .case_feature .feature05 .swiper-pagination{display: block;} .case_feature .more_go,.case_feature .susPage{background: #fff;} .case_feature .feature05 .swiper-button-next,.case_feature .feature05 .swiper-button-prev{display: none !important;} } .case_feature .feature01 .text,.case_feature .feature02 .page_title,.case_feature .feature02 .next .swiper-slide,.case_feature .feature03 .page_title,.case_feature .feature03 img,.case_feature .feature04 .page_title,.case_feature .feature04 img,.case_feature .feature05 .page_title,.case_feature .feature05 .swiper-slide,.case_feature .more_go{visibility: hidden;} .case_feature .feature01.active .text,.case_feature .feature02.active .page_title,.case_feature .feature02.active .next .swiper-slide,.case_feature .feature03.active .page_title,.case_feature .feature03.active img,.case_feature .feature04.active .page_title,.case_feature .feature04.active img,.case_feature .feature05.active .page_title,.case_feature .feature05.active .swiper-slide,.case_feature .more_go.active{visibility: visible; animation-delay: 0.2s; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} .case_feature .feature02.active .next .swiper-slide:nth-child(2){ animation-delay: 0.4s; } .case_feature .feature02.active .next .swiper-slide:nth-child(3){ animation-delay: 0.6s; } .case_feature .feature02.active .next .swiper-slide:nth-child(4){ animation-delay: 0.8s; } .case_feature .feature03.active img,.case_feature .feature04.active img{ animation-delay: 0.4s; } .case_feature img { margin: 0 auto; max-width: 100% !important; height: auto !important; } .case_feature .feature05.active .next .swiper-slide:nth-child(2){ animation-delay: 0.4s; } .case_feature .feature05.active .next .swiper-slide:nth-child(3){ animation-delay: 0.6s; } .case_feature .feature05.active .next .swiper-slide:nth-child(4){ animation-delay: 0.8s; } /*----------- p3-1成功案例-常规详情 -----------*/ .case_rule{padding: 1px 0;} .case_rule .bac_page{left: auto;right: 0;width: 25.78%;} .case_rule .rule01{position: relative;z-index: 1;margin: 116px auto 97px; padding: 77px 0 0;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .case_rule .page_title{position: relative; padding: 0;} .case_rule .page_title i{margin-left: 6%;max-width: 88%;} .case_rule .page_title em{position: absolute;left: 0;top: 24px;width: 2.89%;height: 5px;background: #ff0000;} .case_rule .rule01 .situation{margin:0 auto;width: 88%;} .case_rule .rule01 .situation .t{padding:27px 0 33px;text-align:center;border-bottom: #e7e7e7 2px solid;} .case_rule .rule01 .situation .t i{display:inline-block;font-size:18px;color:#999;height:24px;border-right:1px solid #c6c6c7;padding:0 14px;display:block} .case_rule .rule01 .situation .t .pubTime{padding-left:28px;background:url(../images/zjpage/pc/icon/icon_8.png) center left no-repeat;border:0} .case_rule .rule01 .situation .t .font i{cursor:pointer;height:24px;width:19px;text-indent:9999em;overflow:hidden;transition-duration:.5s;float:left} .case_rule .rule01 .situation .t .big{background:url(../images/zjpage/pc/icon/icon_9.png) center no-repeat} .case_rule .rule01 .situation .t .cen{background:url(../images/zjpage/pc/icon/icon_10.png) center no-repeat} .case_rule .rule01 .situation .t .small{background:url(../images/zjpage/pc/icon/icon_11.png) center no-repeat} .case_rule .rule01 .situation .t .big.cur,.case_rule .rule01 .situation .t .big:hover{background-image:url(../images/zjpage/pc/icon/icon_9s.png)} .case_rule .rule01 .situation .t .cen.cur,.case_rule .rule01 .situation .t .cen:hover{background-image:url(../images/zjpage/pc/icon/icon_10s.png)} .case_rule .rule01 .situation .t .small.cur,.case_rule .rule01 .situation .t .small:hover{background-image:url(../images/zjpage/pc/icon/icon_11s.png)} .case_rule .rule01 .situation .t em{display:inline-block;width:20px;height:24px;font-size:16px;color:#666;text-indent:-99999999px;cursor:pointer;padding-left:14px;background:url(../images/zjpage/pc/icon/icon_12.png) 14px center no-repeat;} .case_rule .rule01 .situation .text{padding:25px 0;min-height: 248px; line-height:36px;font-size:18px;color:#666;text-align: justify; border-bottom: #f2f2f2 1px solid;} .case_rule .rule01 .situation .text{zoom:1} .case_rule .rule01 .situation .text:after{content:" ";display:block;clear:both;height:0} .case_rule .rule01 .situation .text b{font-weight:700} .case_rule .rule01 .situation .text b,.case_rule .rule01 .situation .text em,.case_rule .rule01 .situation .text i,.case_rule .rule01 .situation .text span,.case_rule .rule01 .situation .text a{display:inline-block} .case_rule .rule01 .situation .text img{margin:0 auto; max-width: 1000px !important;height: auto !important;} .case_rule .rule01 .situation .text table{margin:0 auto;} .case_rule .rule01 .situation .text table td{border:#ddd 1px solid;} .case_rule .rule01 .situation .page_new a{line-height:115px;font-size: 16px;color:#333;} .case_rule .rule01 .situation .page_new .fl a{padding-left: 40px;background: url(../images/zjpage/pc/icon/icon_13.png) left center no-repeat;} .case_rule .rule01 .situation .page_new .fr a{padding-right: 40px;background: url(../images/zjpage/pc/icon/icon_14.png) right center no-repeat;} .case_rule .rule01 .situation .page_new .fl a:hover{background: url(../images/zjpage/pc/icon/icon_13s.png) left center no-repeat;} .case_rule .rule01 .situation .page_new .fr a:hover{background: url(../images/zjpage/pc/icon/icon_14s.png) right center no-repeat;} .case_rule .rule01 .situation .page_new div:hover a{color:#ff0000} .case_rule .rule02{position: relative;z-index: 1;margin:0 auto 130px; padding: 77px 0 68px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .case_rule .rule02 .pic_list{margin: 55px auto 0; width: 88%;} .case_rule .rule02 .pic_list li{float: left;margin:0 4.1% 30px 0; width: 30.6%; height: 304px;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .case_rule .rule02 .pic_list li:nth-child(3n){margin-right: 0;} .case_rule .rule02 .pic_list li .pic{margin-bottom: 10px; height: 200px;} .case_rule .rule02 .pic_list li .pic i{margin: 5%; width: 90%;height: 90%;} .case_rule .rule02 .pic_list li p{margin: 0 auto;width: 74.18%;height: 60px; line-height: 30px;font-size:20px;color: #333;text-align: center;overflow: hidden;text-overflow: ellipsis; display: -ms-box; -ms-line-clamp: 2; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 2; -o-box-orient: vertical;} .case_rule .rule02 .pic_list li:hover p{color: #ff0000;} @media(max-width:1200px){ .case_rule .bac_page{width: 25.78%;} .case_rule .rule01{margin: 1.17rem auto 0.75rem; padding: 0.54rem 0 0;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);} .case_rule .page_title i{margin-left: 11.3%;max-width: 81.81%;} .case_rule .page_title em{top: 0.24rem;width: 6%;height: 0.06rem;} .case_rule .rule01 .situation{padding-bottom: 0.35rem; margin-left: 11.3%;max-width: 81.81%;} .case_rule .rule01 .situation .t{padding:0.28rem 0 ;} .case_rule .rule01 .situation .t i{padding:0 0.33rem 0 0;height:0.28rem;font-size:0.24rem;} .case_rule .rule01 .situation .t .pubTime{padding-left:0.32rem;background:url(../images/zjpage/mobile/icon/icon_8.png) center left no-repeat;background-size: 0.23rem auto;} .case_rule .rule01 .situation .t .font{display: none;} .case_rule .rule01 .situation .t em{display: none;} .case_rule .rule01 .situation .text{padding:0.33rem 0 0.66rem;min-height: 50vh; line-height:0.44rem;font-size:0.26rem;} .case_rule .rule01 .situation .text img{width:100% !important;} .case_rule .rule01 .situation .text b, .case_rule .rule01 .situation .text em, .case_rule .rule01 .situation .text i, .case_rule .rule01 .situation .text span, .case_rule .rule01 .situation .text a, .case_rule .rule01 .situation .text u{font-size: 0.26rem;} .case_rule .rule01 .situation .text *{font-size: 0.26rem;} .case_rule .rule01 .situation .page_new a{line-height:1.15rem;font-size: 0.26rem;} .case_rule .rule01 .situation .page_new .fl a{padding-left:0.28rem;background: url(../images/zjpage/pc/icon/icon_13.png) left center no-repeat;background-size: 0.12rem auto;} .case_rule .rule01 .situation .page_new .fr a{padding-right:0.28rem;background: url(../images/zjpage/pc/icon/icon_14.png) right center no-repeat;background-size: 0.12rem auto;} .case_rule .rule01 .situation .page_new .fl a:hover{background: url(../images/zjpage/pc/icon/icon_13s.png) left center no-repeat;background-size: 0.12rem auto;} .case_rule .rule01 .situation .page_new .fr a:hover{background: url(../images/zjpage/pc/icon/icon_14s.png) right center no-repeat;background-size: 0.12rem auto;} .case_rule .rule02{margin:0 auto 0.14rem; padding: 0.77rem 0;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);} .case_rule .rule02 .pic_list{margin: 0.55rem 0 0 14.09%; width: 71.81%;} .case_rule .rule02 .pic_list li{margin:0 0% 0.38rem 0; width:100%; height:3.81rem;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);} .case_rule .rule02 .pic_list li .pic{margin-bottom: 0.1rem;padding: 1px 0; height: 2.4rem;} .case_rule .rule02 .pic_list li .pic i{margin: 0.38rem auto; width: 70%;height:1.64rem;} .case_rule .rule02 .pic_list li p{width: 74.18%;height: 0.74rem; line-height: 0.37rem;font-size:0.26rem;} .more_go{padding-bottom: 1.08rem;} } .case_rule .rule01 .situation,.case_rule .rule02 .page_title,.case_rule .rule02 .pic_list li,.case_rule .more_go{visibility: hidden;} .case_rule .rule01.active .situation,.case_rule .rule02.active .page_title,.case_rule .rule02.active .pic_list li,.case_rule .more_go.active{visibility: visible; animation-delay: 0.2s; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} .case_rule .rule02.active .pic_list li:nth-child(2){ animation-delay: 0.4s; } .case_rule .rule02.active .pic_list li:nth-child(3){ animation-delay: 0.6s; } .case_rule .rule02.active .pic_list li:nth-child(4){ animation-delay: 0.8s; } .case_rule .rule02.active .pic_list li:nth-child(5){ animation-delay: 1s; } .case_rule .rule02.active .pic_list li:nth-child(6){ animation-delay: 1.2s; } /*----------- p4-4新闻中心-详情 -----------*/ .new_xq .rule02{padding-bottom: 47px;} .new_xq .rule02 .text_list{margin: 15px auto 0; width: 88%;} .new_xq .rule02 .text_list a{padding: 39px 0 32px; border-bottom: #f2f2f2 1px solid;} .new_xq .rule02 .text_list li:last-child a{border-bottom: none;} .new_xq .rule02 .text_list b{float: left;margin-bottom: 20px; width:calc(100% - 100px) ; font-size: 20px;font-weight: bold; color: #333;overflow: hidden;text-overflow: ellipsis;} .new_xq .rule02 .text_list i{float: right;line-height: 21px; font-size: 16px;font-weight: 900; color: #999;} .new_xq .rule02 .text_list p{height: 60px; line-height: 30px;font-size: 16px;color: #999; overflow: hidden; text-overflow: ellipsis; display: -ms-box; -ms-line-clamp: 2; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 2; -o-box-orient: vertical;} .new_xq .rule02 .text_list a:hover b,.new_xq .rule02 .text_list a:hover i{color: #ff0000;} @media(min-width:1202px){ .new_xq .rule02 .text_list b{white-space: nowrap;} } @media(max-width:1200px){ .new_xq .rule02{padding-bottom:0.56rem;} .new_xq .rule02{margin:0 auto 0.14rem; padding: 0.77rem 0 0.21rem;} .new_xq .rule02 .text_list{margin: 0 0 0 11.3%; width: 77.42%;} .new_xq .rule02 .text_list a{padding: 0.45rem 0 0.43rem;} .new_xq .rule02 .text_list b{margin-bottom:0.18rem;width: 100%;max-height: 0.8rem; line-height: 0.4rem; font-size:0.3rem;font-weight: normal; overflow: hidden; display: -ms-box; -ms-line-clamp: 2; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 2; -o-box-orient: vertical;} .new_xq .rule02 .text_list i{width: 100%;margin-bottom: 0.18rem;line-height: 0.36rem; font-size: 0.26rem;} .new_xq .rule02 .text_list p{max-height: 1.32rem; line-height:0.44rem;font-size: 0.26rem;overflow: hidden; display: -ms-box; -ms-line-clamp: 3; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 3; -o-box-orient: vertical;} } .new_xq .rule02 .text_list li{visibility: hidden;} .new_xq .rule02.active .text_list li{visibility: visible; animation-delay: 0.2s; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} .new_xq .rule02.active .text_list li:nth-child(2){ animation-delay: 0.4s; } .new_xq .rule02.active .text_list li:nth-child(3){ animation-delay: 0.6s; } .new_xq .rule02.active .text_list li:nth-child(4){ animation-delay: 0.8s; } .new_xq .rule02.active .text_list li:nth-child(5){ animation-delay: 1s; } .new_xq .rule02.active .text_list li:nth-child(6){ animation-delay: 1.2s; } /*----------- p4-2新闻中心-行业资讯 -----------*/ .new_message{background: #fff;} .new_message .message_01{padding-top:0 ;} .new_message .message_01 li.item{position: relative; float:left;width:31.57%;margin:0 2.645% 30px 0;background:#fff;overflow:hidden;border-bottom: #f3f3f3 1px solid;} .new_message .message_01 li.item:nth-child(3n){margin-right: 0;} .new_message .message_01 li.item .pic{width:100%;height: 250px;overflow: hidden;} .new_message .message_01.messageVideo li.item .pic{position: relative;} .new_message .message_01 li.item .pic i{transition: all 0.8s;transform: scale(1); width:100%;height: 100%;} .new_message .message_01 li.item:hover .pic i{transition: all 0.8s;transform: scale(1.1)} .new_message .message_01 li.item .description{display:block;padding:0 8px;height: 50px;line-height: 50px; font-size:14px;color: #444;} .new_message .message_01 li.item .text{margin:0 auto;width: 90%;} .new_message .message_01 li.item .text b{margin:20px auto;height: 70px;line-height: 35px; font-size: 20px;color: #333;font-weight:bold;overflow: hidden; text-overflow: ellipsis; display: -ms-box; -ms-line-clamp: 2; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 2; -o-box-orient: vertical;} .new_message .message_01.messageVideo li.item .text b{ margin-bottom: 0; } .playPos{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; } .playIcon{ width: 70px; cursor: pointer; } .playIcon img{ width: 100%; } .pop_video { display: none; position: fixed; left: 50%; top: 50%; z-index: 102; transform: translate(-50%, -50%); width: 80%; max-width: 1341px; background: #000; } .pop_video video { display: block; margin: 0 auto; max-width: 100%; max-height: 700px; /* width: 100%; */ } .pop_video i { position: absolute; right: 30px; top: 30px; z-index: 2; width: 18px; height: 18px; background: url(../images/zjpage/pc/delete.png) center no-repeat; cursor: pointer; } .pop_video_bac { display: none; position: fixed; left: 0; top: 0; z-index: 101; width: 100%; height: 100%; background: #000; opacity: 0.5; } @media(max-width:1200px){ .pop_video{ width: 88%; } .playIcon{ width: 1.2rem; } .pop_video i{ right: 0.3rem; top: 0.3rem; width: 0.3rem; height: 0.3rem; } } .new_message .message_01 li.item .text p{height: 52px; line-height: 26px;font-size: 16px;color: #666;overflow: hidden; text-overflow: ellipsis; display: -ms-box; -ms-line-clamp: 2; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 2; -o-box-orient: vertical;} .new_message .message_01 li.item .text .b{padding: 20px 0 15px; line-height: 22px;font-family: "Arial";} .new_message .message_01 li.item .text i{float: right; font-size: 16px;color: #999; font-weight: bold;} .new_message .message_01 li.item .text span{float: left;font-size: 16px;color: #999;font-weight: bold;} .new_message .message_01 li.item .lie{transition: all 0.5s; position: absolute;left: 0px;bottom: 0px;width: 0%;height: 2px;} .new_message .message_01 li.item:hover{box-shadow: 0 0px 10px rgba(0,0,0,0.1);} .new_message .message_01 li.item:hover .lie{transition: all 0.5s;width: 100%; background: #ff0000; } .new_message .message_01 li.item:hover .text i,.new_message .message_01 li:hover .text b{color:#ff0000;} .new_message .message_01 .more_page{display: none;} @media(max-width:1200px){ .new_message .message_01{padding-top: 1.17rem;} .new_message .message_01 li.item{ width: 100%; margin:0 0 0.45rem 0; box-shadow: 0 0 0 rgba(0,0,0,0); border-bottom: #f0f0f0 2px solid; } .new_message .message_01 li.item .pic{height:3.71rem;} .new_message .message_01 li.item .text{ width: 86.36%; } .new_message .message_01 li.item .text b { margin:0; height: 1.04rem; line-height: 0.52rem; padding: 0.37rem 0 0.19rem; font-size: 0.3rem; } .new_message .message_01 li.item .text p { width: 100%; height:0.8rem; line-height: 0.4rem; font-size: 0.26rem; } .new_message .message_01 li.item .text .b{padding:0.33rem 0 0.6rem; line-height:0.24rem;} .new_message .message_01 li.item .text span{ font-size: 0.24rem;} .new_message .message_01 li.item .text i{ font-size: 0.24rem; } .new_message .message_01 .more_page{display: block;} } /*----------- p4-3新闻中心-专题汇总 -----------*/ .new_special .bac_page{left: auto;right: 0;} .new_special .special_01{padding-top: 62px;} .new_special .special_01 li{ float: left;margin: 0 1.93% 50px 0; width: 48.07%;height: 379px; } .new_special .special_01 li:nth-child(2n){margin-right: 0;} .new_special .special_01 li a{position: relative;width: 100%;height: 100%;overflow: hidden;} .new_special .special_01 li .pic{width: 100%;height: 100%;overflow: hidden;} .new_special .special_01 li .pic i{width: 100%;height: 100%;} .new_special .special_01 li .pos{position: absolute;left: 0;top:0;} .new_special .special_01 li .bac{transition: all 0.5s;left: -100%; width: 100%;height: 100%;background: rgba(153,30,26,0.8);} .new_special .special_01 li .text{transition: all 0.5s; top: auto;bottom: 0;width: 100%;} .new_special .special_01 li .text p{margin: 0 auto;width: 94%;line-height: 58px;font-size: 20px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .new_special .special_01 li .time{transition: all 0.5s; display: inline-block; left: 24px;top: 24px;height: 78px;line-height: 28px; color: #fff;font-family: Arial;font-weight: bold; background: rgba(0,0,0,0.3);} .new_special .special_01 li .time b{padding:14px 11px 0 11px; font-size: 24px;} .new_special .special_01 li .time p{padding-left:11px;font-size: 16px;} .new_special .special_01 li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);} .new_special .special_01 li a:hover .bac{transition: all 0.5s;left: 0%;} .new_special .special_01 li a:hover .text{bottom: 50%;transform: translateY(50%);} .new_special .special_01 li a:hover .text p{width: 52.30%;line-height: 35px;text-align: center; white-space:normal;} .new_special .special_01 li a:hover .time{transition: all 0.5s;color: #ff0000;background: rgba(255,255,255,1);} .new_special .more_page{display: none;} @media(max-width:1200px){ .new_special .bac_page{display: none;} .new_special .special_01{padding-top: 1.17rem;} .new_special .special_01 li{margin: 0 0% 0.38rem 0; width: 100%;height:3.71rem; } .new_special .special_01 li .text p{width: 94%;line-height:0.85rem;font-size: 0.3rem;font-weight: bold;} .new_special .special_01 li .time{ left: 0.25rem;top:0.4rem;height:0.9rem;line-height:0.28rem;} .new_special .special_01 li .time b{padding:0.18rem 0.13rem 0; font-size: 0.28rem;} .new_special .special_01 li .time p{width: 70%; padding-left:0.13rem;font-size: 0.18rem;} .new_special .special_01 li a:hover{box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);} .new_special .special_01 li a:hover .text p{line-height: 0.4rem;} .new_special .more_page{display: block;} } /*----------- p4-1新闻中心-赛百动态 -----------*/ section.advantages .floating-layer-2{position:relative;height:100%} section.advantages{height:723px} ul.dots{position:absolute;right:3.75%;bottom:20px;z-index:20;height:60px;white-space:nowrap;font-size:0} ul.dots li.dot{position:relative;display:inline-block;width:24px;height:24px;vertical-align:top;cursor:pointer;transition:width .3s ease,height .3s ease;transform:translateY(-50%)} ul.dots li.dot .bullet{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background-color:#000;opacity:1;transition:opacity .3s ease,background-color .3s ease;transform:translate(-50%,-50%)} ul.dots li.dot .circle-border,ul.dots li.dot .number{transition:transform .3s ease;transform:translate(-50%,-50%) scale(0)} ul.dots li.dot .number{position:absolute;top:50%;left:50%;text-align:center;font-size:12px} .dynamic .dynamic_01{position: relative; padding: 113px 0 131px;} .dynamic .dynamic_01 .fr{position: relative;margin-left: 0 !important;width: 85.78vw !important;} .dynamic .dynamic_01 .swiper-slide{ width: 36.55%;opacity: 0.6;} .dynamic .dynamic_01 .pic{width: 90%;height: 313px;overflow: hidden;} .dynamic .dynamic_01 .pic i{transition: all 0.5s;transform: scale(1); width: 100%;height: 100%;} .dynamic .dynamic_01 .next{opacity: 0;width: 90%;} .dynamic .dynamic_01 .next i{padding: 30px 0 14px; font-size: 16px;color: #ff0000;font-family: Arial;font-weight: bold;} .dynamic .dynamic_01 .next b{margin-bottom: 16px; font-size: 20px;color: #333;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .dynamic .dynamic_01 .next p{height: 52px; line-height: 26px; font-size: 16px;color: #666;overflow: hidden;} .dynamic .dynamic_01 a:hover .pic i{transition: all 0.5s;transform: scale(1.1);} .dynamic .dynamic_01 a:hover .next b{color: #ff0000;} .dynamic .dynamic_01 .swiper-button-next,.dynamic .dynamic_01 .swiper-button-prev{top: 99px;} .dynamic .dynamic_01 .swiper-button-prev{ left: 0; margin-left: -64px;} .dynamic .dynamic_01 .swiper-button-next{right: auto;left: 70.1%; margin-left: -64px;} .dynamic .dynamic_01 .swiper-slide-active,.dynamic .dynamic_01 .swiper-slide-next{opacity: 1;} .dynamic .dynamic_01 .swiper-slide-active .next,.dynamic .dynamic_01 .swiper-slide-next .next{opacity: 1;} .dynamic .dynamic_02{padding-top: 108px;background: #fff;} .dynamic .dynamic_02 .list_text a{margin-bottom: 39px; padding: 71px 4.2% 71px 0;height: 192px; border: #e8e8e8 1px solid;} .dynamic .dynamic_02 .list_text .time{float: left;margin:60px 3.07% 0 0; width: 7.64%;line-height: 36px; text-align: right;font-weight: 900;} .dynamic .dynamic_02 .list_text .time b{font-size: 30px;color: #ff0000;} .dynamic .dynamic_02 .list_text .time p{font-size: 16px;color: #999;} .dynamic .dynamic_02 .list_text .time span{display: none;} .dynamic .dynamic_02 .list_text .pic{float: left;margin-right: 3.4%; width: 24.357%; height: 192px;overflow: hidden;} .dynamic .dynamic_02 .list_text .pic i{transition: all 0.5s; transform: scale(1); width: 100%;height: 100%;} .dynamic .dynamic_02 .list_text a:hover .pic i{transition: all 0.5s; transform: scale(1.1);} .dynamic .dynamic_02 .list_text .text{width: 100%;} .dynamic .dynamic_02 .list_text .text b{margin: 30px 0 27px; font-size: 20px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .dynamic .dynamic_02 .list_text .text p{max-height: 90px; line-height: 30px;font-size: 16px;color: #999;overflow: hidden; text-overflow: ellipsis; display: -ms-box; -ms-line-clamp: 3; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 3; -o-box-orient: vertical;} .dynamic .dynamic_02 .list_text a:hover{transition: all 0.5s; background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);} .dynamic .more_page{display: none;} @media(max-width:1200px){ .dynamic .dynamic_01{ padding: 1.17rem 0 1.06rem;} .dynamic .dynamic_01 .fr{margin-left:6% !important;margin-right: 6%; width: 88% !important;} .dynamic .dynamic_01 .swiper-slide{margin-right:0%; width:100%;} .dynamic .dynamic_01 .pic{width: 100%;height: 3.72rem;} .dynamic .dynamic_01 .next i{padding: 0.32rem 0 0.18rem; font-size: 0.26rem;} .dynamic .dynamic_01 .next b{margin-bottom: 0.2rem; font-size: 0.3rem;} .dynamic .dynamic_01 .next p{height: 0.88rem; line-height: 0.44rem; font-size: 0.26rem;} .dynamic .dynamic_01 .swiper-button-next,.dynamic .dynamic_01 .swiper-button-prev{top: 1.22rem;width: 1.28rem;height: 1.28rem;} .dynamic .dynamic_01 .swiper-button-prev{margin-left: -0.64rem;} .dynamic .dynamic_01 .swiper-button-next{left: auto;right: 0; margin-right: -0.64rem;} .dynamic .dynamic_02{padding-top: 1.18rem;} .dynamic .dynamic_02 .list_text a{margin-bottom: 0.49rem; padding:0.45rem;height: auto; } .dynamic .dynamic_02 .list_text .time{margin: 0; width: 100%;line-height:0.45rem;text-align: left; } .dynamic .dynamic_02 .list_text .time b{display: none; font-size: 30px;} .dynamic .dynamic_02 .list_text .time p{display: none; font-size: 16px;} .dynamic .dynamic_02 .list_text .time span{display: block;margin-bottom: 0.16rem; padding-left: 0.36rem;font-size: 0.24rem;color: #999;background: url(../images/zjpage/mobile/icon/icon_41.png) left center no-repeat;background-size: 0.22rem auto;} .dynamic .dynamic_02 .list_text .pic{margin-right: 0%; width: 100%; height: 3.26rem;} .dynamic .dynamic_02 .list_text .text{float: left;} .dynamic .dynamic_02 .list_text .text b{margin: 0.33rem 0 0.2rem; font-size: 0.3rem;line-height: 0.4rem;} .dynamic .dynamic_02 .list_text .text p{max-height:1.32rem; line-height: 0.44rem;font-size: 0.26rem;} .dynamic .dynamic_02 .list_text a:hover{box-shadow: 0 0 0.15rem rgba(0,0,0,0.1);} .dynamic .more_page{display: block;} .dynamic .susPage{background: #fff;} } /*----------- p6-1人才招聘-加入我们 -----------*/ .join .join_01{padding-bottom: 140px; background: #fff;} .join .join_01 .page_title{padding: 120px 0 40px; text-align: center;} .join .join_01 .page_title i{display: block;} .join .join_01 .next{margin: 0 auto;width: 68.57%; font-size: 18px;line-height: 36px;color: #333;text-align: center;} .join .join_01 .next b,.join .join_01 .next em,.join .join_01 .next i,.join .join_01 .next span,.join .join_01 .next a{display:inline-block} .join .join_02 .page_title{text-align: center;} .join .join_02 .tab_tit{text-align: center;} .join .join_02 .tab_tit a{display: inline-block;margin: 0 27px 66px;cursor: pointer;} .join .join_02 .tab_tit .icon{margin: 0 auto 14px;width: 126px;height: 126px;box-shadow: 0 0 20px rgba(0,0,0,0.1);border-radius: 100%;} .join .join_02 .tab_tit .icon i{display: none;width: 100%;height: 100%;} .join .join_02 .tab_tit .icon .i1{display: block;} .join .join_02 .tab_tit p{font-size: 18px;color: #333;font-weight: bold;} .join .join_02 .tab_tit a.cur .icon .i1,.join .join_02 .tab_tit a:hover .icon .i1{display: none;} .join .join_02 .tab_tit a.cur .icon .i2,.join .join_02 .tab_tit a:hover .icon .i2{display: block;} .join .join_02 .tab_tit a.cur p,.join .join_02 .tab_tit a:hover p{color: #ff0000;} .join .join_02 .tab_next dl{padding-bottom: 81px;margin: 0 auto; width: 90.92%;} .join .join_02 .tab_next dt{float: left;width: 62.84%;height: 477px;} .join .join_02 .tab_next dd{float: right;margin-bottom: 17px; width: 35.58%;height: 230px;} .join .join_03{padding-bottom: 120px; background: #fff;} .join .join_03 .page_title{padding: 100px 0 24px; text-align: center;} .join .join_03 .next{margin: 0 auto;width: 68.57%; font-size: 18px;color: #333;text-align: center;} .join .join_03 .left{float: left;margin:158px 0 0 5%;max-width: calc(100% - 63.28%);} .join .join_03 .left li{float: left;margin-bottom: 38px; width: 50%;line-height: 42px;font-size: 16px;} .join .join_03 .left a{display: inline-block;padding:0 10px 0 18px;color: #ff0000;font-weight: bold; border-bottom: #e0e0e0 1px solid;background: url(../images/zjpage/pc/icon/icon_29.png) 3px center no-repeat;} .join .join_03 .right{position: relative;margin-top:68px; width: 58.28%;} .join .join_03 .right img{width: 100%;} .join .join_03 .right .pos{position: absolute;} .join .join_03 .right .r1{left:25.367%; top:19.24%;width: 5.392%;animation:train_4_1_s 10s 0s linear infinite} @keyframes train_4_1_s{ 0%{left:25.367%; top:19.24%;} 100%{left:58.3%; top:19.84%;} } .join .join_03 .right .r2{left: 32.304%;top: 42.48%;width: 6.985%;} /* @keyframes train_4_2_s{ 0%{left:22.304%; top:33.858%;} 100%{left: 68.38%;top: 69.291%;} } */ .join .join_03 .right .r3{right:27.715%; top:40%;width: 6.985%;animation:train_4_3_s 8s 0s linear infinite} @keyframes train_4_3_s{ 0%{right:27.715%; top:40%;} 100%{right: 69.305%;top: 71.016%;} } .join .join_03 .right .r4{left:64.9%; top:10.22%;width: 15.93%;animation:train_4_4_s 13s 0s linear infinite} @keyframes train_4_4_s{ 0%{left:64.9%; top:10.22%;} 100%{left: 82%;top: 30.48%;} } .join .join_04{position: relative;background: #fff;} .join .join_04 .bac{position: absolute;left: 0;top: 0;width: 78.33%;height: 100%;background: #f6f6f6;} .join .join_04 .w1400{position: relative;z-index: 3;} .join .join_04 .page_title{padding: 95px 0 46px; text-align: center;} .join .join_04 .next{position: relative;z-index: 1; margin: 0 0 47px 19.7%;width: 56.25%;line-height: 36px; font-size: 18px;color: #333;text-align: center;} .join .join_04 .next_box .fl{padding:0 0 75px 19.7%; width: 80.3%;} .join .join_04 .next_box .swiper-slide{opacity: 0.2;margin:0 0 80px 0; width: 41.31%;} .join .join_04 .next_box .swiper-slide .pic{margin-bottom: 16px; width: 89.6%;height: 393px; overflow: hidden;} .join .join_04 .next_box .swiper-slide .pic i{width: 100%;height: 100%;transform: scale(1);transition: all 0.5s;} .join .join_04 .next_box .swiper-slide:hover .pic i{transform: scale(1.1);transition: all 0.5s;} .join .join_04 .next_box .swiper-slide p{transition: all 0.5s; opacity: 0;font-size: 20px;color: #333;font-weight: bold;} .join .join_04 .next_box .swiper-slide-active,.join .join_04 .next_box .swiper-slide-next{ opacity: 1;} .join .join_04 .next_box .swiper-slide-active p,.join .join_04 .next_box .swiper-slide-next p{transition: all 0.5s; opacity: 1;} /*1542*/ .join .join_04 .swiper-pagination{text-align: left;} .join .join_04 .swiper-pagination-bullet{transition: all 0.5s;opacity: 1; width: 17px;height: 17px;border-radius: 17px;background: #e4e4e4;} .join .join_04 .swiper-pagination-bullet-active{transition: all 0.5s;width: 36px;background: #d43a36;} .join .join_05{background: #fff;} .join .join_05 .swiper-container { width: 100%; height: 100%; } .join .join_05 .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .join .join_05 .page_title{text-align: center;} .join .join_05 .tab_title{position: relative;margin: 0 auto; width: 1054px;height: 429px;} .join .join_05 .tab_title .pos{position: absolute;width: 136px;height: 136px;border-radius: 136px;box-shadow: 0 0 15px rgba(0,0,0,0.1);background: #fff;cursor: pointer;} .join .join_05 .tab_title .icon{padding:28px 0 11px;} .join .join_05 .tab_title .icon i{display: none;width: 100%;height: 50px;} .join .join_05 .tab_title .icon .i1{display: block;} .join .join_05 .tab_title p{font-size: 18px;color: #333;text-align: center;font-weight: bold;} .join .join_05 .tab_title .pos.cur{background: #d43a36;} .join .join_05 .tab_title .pos.cur .icon .i1{display: none;} .join .join_05 .tab_title .pos.cur .icon .i2{display: block;} .join .join_05 .tab_title .pos.cur p{color: #fff;} .join .join_05 .tab_title .pos_1{left: 0;top: 182px;} .join .join_05 .tab_title .pos_2{left: 183px;top: 52px;} .join .join_05 .tab_title .pos_3{left: 367px;top: 0px;} .join .join_05 .tab_title .pos_4{left: 549px;top: 0px;} .join .join_05 .tab_title .pos_5{left: 735px;top: 52px;} .join .join_05 .tab_title .pos_6{left: 917px;top: 180px;} .join .join_05 .tab_title .pos_7{left: 734px;top: 240px;} .join .join_05 .tab_title .pos_8{left: 550px;top: 292px;} .join .join_05 .tab_title .pos_9{left: 366px;top: 292px;} .join .join_05 .tab_title .pos_10{left: 183px;top: 240px;} .join .join_05 .tab_text{padding: 64px 0; font-size: 18px;color: #333;text-align: center;} .join .join_05 .next{display: none; position: relative; margin: 0 auto 110px;width: 91%;} .join .join_05 .next.on{display: block;} .join .join_05 .next .swiper-slide{width: 33.79%;} .join .join_05 .next .swiper-slide a{width: 96.78%;height: 393px;overflow: hidden;} .join .join_05 .next .swiper-slide a i{transition: all 0.5s;transform: scale(1); width: 100%;height: 100%;} .join .join_05 .next .swiper-slide a:hover i{transition: all 0.5s;transform: scale(1.1);} .join .join_05 .next .swiper-pagination{display: none;} .join .join_05 .swiper-button-next,.join .join_05 .swiper-button-prev{ opacity: 1; transform: translateY(-50%);} .join .join_05 .swiper-button-next{right: -64px;} .join .join_05 .swiper-button-prev{left: -64px;} /*1746*/ .join .join_06{padding: 107px 0 103px;background: url(../images/zjpage/pc/join_10.png) center no-repeat;background-size: cover;} .join .join_06 p{float: left;width: 47.85%; font-size: 18px;line-height: 36px;color: #fff;} .join .join_06 a{transition: all 0.5s; position: relative; float: right;width: 200px;height: 60px;line-height: 60px;text-align: center; border:#fff 1px solid;} .join .join_06 a i{transition: all 0.5s;position: relative;z-index: 2; display: inline-block;padding-right:25px;font-size: 16px;color: #fff;background: url(../images/zjpage/pc/icon/icon_40.png) right center no-repeat;background-size: 6px auto;} .join .join_06 a::after{transition: all 0.5s;position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #ff0000;content: " ";} /* .join .join_06 a:hover i{color: #fff;background: url(../images/zjpage/pc/icon/icon_40s.png) right center no-repeat;background-size: 6px auto;} */ .join .join_06 a:hover{border:#ff0000 1px solid;} .join .join_06 a:hover::after{transition: all 0.5s;width: 100%;} @media(max-width:1200px){ .join .join_01{padding-bottom: 0.8rem;} .join .join_01 .page_title{padding: 1.16rem 0 0.36rem;} .join .join_01 .next{width: 90%; font-size: 0.26rem;line-height: 0.44rem;} .join .join_02 .page_title{padding: 0.8rem 0 0.7rem;text-align: center;} .join .join_02 .tab_tit a{display: block;float: left; margin: 0 0 0.52rem;width: 25%;} .join .join_02 .tab_tit .icon{margin: 0 auto 0.19rem;width: 1.26rem;height: 1.26rem;box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);border-radius: 100%;} .join .join_02 .tab_tit .icon .i1{display: none;} .join .join_02 .tab_tit .icon .i3{display: block;} .join .join_02 .tab_tit p{font-size: 0.24rem;} .join .join_02 .tab_tit a.cur .icon .i2, .join .join_02 .tab_tit a:hover .icon .i2 {display: none;} .join .join_02 .tab_tit a.cur .icon .i3, .join .join_02 .tab_tit a:hover .icon .i3 {display: none;} .join .join_02 .tab_tit a.cur .icon .i4, .join .join_02 .tab_tit a:hover .icon .i4 {display: block;} .join .join_02 .tab_next dl{padding-bottom: 1rem; width: 100%;} .join .join_02 .tab_next dt{margin-bottom: 0.3rem; width: 100%;height: 3.96rem;} .join .join_02 .tab_next dd{margin:0 0.3rem 0 0;float: left; width:calc(50% - 0.15rem);height: 1.6rem;} .join .join_02 .tab_next dd:nth-child(3){margin-right: 0;} .join .join_03{padding-bottom: 1rem;} .join .join_03 .page_title{padding: 0.74rem 0 0.26rem;} .join .join_03 .next{width: 80%; font-size: 0.26rem;line-height: 0.44rem;} .join .join_03 .left{margin:0.6rem 0 0 0%;max-width:100%;width: 100%;} .join .join_03 .left li{margin-bottom: 0.63rem; width: 50%;line-height: 0.68rem;font-size: 0.26rem;} .join .join_03 .left a{padding:0 0.21rem 0 0.29rem;font-size: 0.26rem;background: url(../images/zjpage/pc/icon/icon_29.png) 0.05rem center no-repeat;} .join .join_03 .right{margin-top:0.57rem; width:100%;} .join .join_04 .bac{width: 78.33%;} .join .join_04 .page_title{padding: 0.94rem 0 0.4rem;} .join .join_04 .next{ margin: 0 0 0.4rem 10%;width: 80%;line-height:0.44rem; font-size: 0.26rem;} .join .join_04 .next_box .fl{padding:0 0 0.7rem 10%; width: 80%;} .join .join_04 .next_box .swiper-slide{opacity: 0.2;margin:0 0 0.75rem 0; width: 100%;} .join .join_04 .next_box .swiper-slide .pic{margin-bottom: 0.16rem; width: 100%;height:3.93rem;} .join .join_04 .next_box .swiper-slide p{font-size: 0.28rem;} .join .join_04 .next_box .swiper-slide-active,.join .join_04 .next_box .swiper-slide-next{ opacity: 1;} .join .join_04 .next_box .swiper-slide-active p,.join .join_04 .next_box .swiper-slide-next p{transition: all 0.5s; opacity: 1;} /*1542*/ .join .join_04 .swiper-pagination-bullet{float: left; width: 0.17rem;height: 0.17rem;border-radius: 0.17rem;} .join .join_04 .swiper-pagination-bullet-active{width: 0.36rem;} .join .join_05 .page_title{padding:1.2rem 0 0.84rem;} .join .join_05 .tab_title{ width: 88%;height: auto;} .join .join_05 .tab_title .pos{position: relative;left: auto !important;top:auto !important;float: left;margin:0 0.3rem 0.42rem 0; width:1.42rem;height:1.42rem;border-radius: 1.42rem;box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);} .join .join_05 .tab_title .pos:nth-child(4n){margin-right: 0;} .join .join_05 .tab_title .icon{padding:0.29rem 0 0.09rem;} .join .join_05 .tab_title .icon i{height: 0.53rem;} .join .join_05 .tab_title .icon .i1{display: none;} .join .join_05 .tab_title .icon .i3{display: block;} .join .join_05 .tab_title p{font-size: 0.22rem;} .join .join_05 .tab_title .pos.cur .icon .i2{display: none;} .join .join_05 .tab_title .pos.cur .icon .i3{display: none;} .join .join_05 .tab_title .pos.cur .icon .i4{display: block;} .join .join_05 .tab_text{padding: 0.36rem 0 0.59rem; font-size:0.26rem;line-height: 0.44rem;} .join .join_05 .next{ margin: 0 auto 0rem;width: 88%;} .join .join_05 .swiper-container{padding-bottom: 0.96rem;} .join .join_05 .next .swiper-slide{width: 100%;} .join .join_05 .next .swiper-slide a{width: 100%;height: 4.55rem;} .join .join_05 .next .swiper-pagination{display: block;position: relative;bottom: 0.5rem;} .join .join_05 .swiper-button-next,.join .join_05 .swiper-button-prev{display: none; } /*1746*/ .join .join_06{margin-bottom: 1.11rem; padding: 0.69rem 0 0.97rem;background: url(../images/zjpage/mobile/join_10.png) center no-repeat;background-size: cover;} .join .join_06 p{width: 100%; font-size: 0.26rem;line-height: 0.44rem;} .join .join_06 a{float: left;margin-top: 0.43rem; width:2.6rem;height:0.78rem;line-height:0.78rem;text-align: left; } .join .join_06 a i{padding:0 0.2rem 0 0 !important;display: block;margin: 0 auto; width: 1.53rem; height:0.78rem;line-height:0.78rem; font-size:0.24rem;background: url(../images/zjpage/mobile/icon/icon_40.png) right center no-repeat;background-size: 0.1rem auto;} .join .join_06 a:hover i{background: url(../images/zjpage/mobile/icon/icon_40s.png) right center no-repeat;background-size: 0.1rem auto;} } /*----------- p6-2人才招聘-人才招聘 -----------*/ .invite{background: #fff;} .invite .invite_01{margin-bottom: 117px; position: relative;} .invite .invite_01 .next .fr{margin-bottom: 73px; position: relative;z-index: 3; width: 79.427%;height: 455px;background: url(../images/zjpage/pc/invite_1.png) center no-repeat;background-size: cover;} .invite .invite_01 .next .pos{position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%);width: 100%; text-align: center;} .invite .invite_01 .next .icon{margin-bottom: 22px; width: 100%;height: 72px;} .invite .invite_01 .next .icon i{display: none;width: 100%;height: 100%;} .invite .invite_01 .next .icon .i1{display: block;} .invite .invite_01 .next b{font-size: 20px;color: #fff;font-weight: 900;} .invite .invite_01 .next p{margin: 0 auto;width: 58.6%;max-width: 577px; line-height: 30px; font-size: 16px;color: #fff;} .invite .invite_01 .bac{position: absolute;left: 0;bottom: 0;width: 90.36%;height: 592px;background: #f6f6f6;} .invite .invite_01 .list{position: relative;z-index: 3; width: 90.36%;} .invite .invite_01 .list ul{float: right;width: 82.88%;} .invite .invite_01 .list li{float: left;width: 25%;} .invite .invite_01 .list .icon{position: relative;margin: 0 auto 30px; width: 84px;height: 84px;border: #d43a36 1px solid;border-radius: 84px;} .invite .invite_01 .list .icon::after{position: absolute;left: -4px;top:-1px;width: 84px;height: 84px;border:#d43a36 1px solid;border-radius: 84px;opacity: 0.1;content: "";} .invite .invite_01 .list .icon i{display: none;width: 100%;height: 100%;} .invite .invite_01 .list .icon .i1{display: block;} .invite .invite_01 .list p{padding-bottom: 78px; font-size: 20px;color: #333;text-align: center;} .invite .invite_02{padding-bottom:80px} .invite .invite_02 .tab_next{padding-top:30px} .invite .invite_02 .tab_tit a{float:left;margin:0 0% 27px 0;width:50%;height:69px;border-bottom:#eeeded 1px solid;color:#999;text-align:center;font-weight:700;font-size:20px;line-height:69px;cursor:pointer} .invite .invite_02 .tab_tit a:last-child{margin-right:0} .invite .invite_02 .tab_tit a.cur,.invite .invite_02 .tab_tit a:hover{border-bottom:#d43a36 1px solid;background:#d43a36;color:#fff} .invite .invite_02 li{position:relative;padding:35px 54px 0 54px;background:#f6f6f6} .invite .invite_02 li:nth-child(2n){background:#fff} .invite .invite_02 li .left{margin:4px 27px 0 0;width:5px;height:20px;background:#333} .invite .invite_02 li .right{overflow:hidden;padding-right: 40px; width:calc(100% - 32px - 40px);height:140px} .invite .invite_02 li .hes .ts{position: relative;margin-bottom:32px;cursor: pointer;} .invite .invite_02 li .hes span{display:block;color:#333;font-weight:700;font-size:20px} .invite .invite_02 li .hes div.clearfix{margin:25px auto 30px;line-height:29px} .invite .invite_02 li .hes div.clearfix b{float:left;display:block;width: 33%; color:#333;font-size:16px} .invite .invite_02 li .hes div.clearfix b i{display:inline-block;color:#666} .invite .invite_02 li .hes div.clearfix em{float:left;display:block;padding-left:27px;height:29px;background:url(../images/zjpage/pc/icon/icon_22.png) left center no-repeat;color:#666;font-size:16px;font-family:Arial} .invite .invite_02 li .hes b{display:block;color:#333;font-weight:700;font-size:20px} .invite .invite_02 li .hes p{color:#666;font-size:16px;line-height:35px} .invite .invite_02 li .hes a{float:right;display:block;margin-right:0px;width:180px;height:60px;border:#c7161d 1px solid;border-radius:6px;color:#c7161d;text-align:center;font-size:20px;line-height:60px;cursor:pointer} .invite .invite_02 li .hes .t{float:left;display:block;margin-right:40px;width:180px;height:60px;border:#e4e4e4 1px solid;border-radius:6px;background:#e4e4e4;color:#333;text-align:center;font-size:20px;line-height:60px} .invite .invite_02 li .hes div.b{margin:0 auto 0;padding-bottom:44px} .invite .invite_02 li .sel{position:absolute;top:50%;right:-40px;transform: translateY(-50%); padding-right:24px;height:109px;background:url(../images/zjpage/pc/icon/icon_23.png) right center no-repeat;color:#f6f6f6;font-size:16px;line-height:109px;cursor:pointer} .invite .invite_02 li:nth-child(2n) .sel{color:#fff} .invite .invite_02 li.cur{box-shadow:0 0 15px rgba(0,0,0,.1)} .invite .invite_02 li.cur .hes .ts{ border-bottom:#e5e5e5 1px solid} .invite .invite_02 li.cur .sel{background:url(../images/zjpage/pc/icon/icon_23s.png) right center no-repeat;color:#333} .pup_tj{position:fixed;top:50%;left:50%;z-index:23;display:none;width:400px;background:#fff;transform:translate(-50%,-50%)} .pup_tj .tit{position:relative;height:46px;border-top:#c7161d 2px solid;background:#f8f8f8} .pup_tj .tit i{float:left;margin:18px 10px 0 20px;width:4px;height:13px;background:#c7161d} .pup_tj .tit b{float:left;color:#333;font-size:18px;line-height:46px} .pup_tj .tit span{position:absolute;right:-40px;width:40px;height:46px;background:url(../images/zjpage/pc/icon/icon_42.png) center no-repeat;background-size: 60% auto; cursor:pointer} .pup_tj .next{padding-bottom:30px} .pup_tj .next div{text-align:center} .pup_tj .next img{margin:0 auto;padding:25px 0 14px} .pup_tj .next p{display:inline;color:#333;font-size:16px} .pup_tj .next .file{position:relative;display:inline;overflow:hidden;color:#c7161d;font-size:16px} .pup_tj .next .file input{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;cursor:pointer;-moz-opacity:0} .pup_tj .next i{display:inline;color:#999;font-size:14px} .pup_tj .next em{display:inline;color:#333;font-size:14px} .pup_tj .next .but{display:block;margin:30px auto 0;width:112px;height:36px;border:#c7161d 1px solid;border-radius:4px;color:#c7161d;text-align:center;font-size:14px;line-height:36px;cursor:pointer} .pup_tj_bac{position:fixed;top:0;left:0;z-index:21;display:none;width:100%;height:100%;background:rgba(0,0,0,.5)} @media(max-width:1200px){ .invite .invite_01{margin-bottom: 0.8rem;} .invite .invite_01 .page_title{padding-top: 1.17rem;} .invite .invite_01 .next .fr{margin-bottom:0.89rem; width:81.33%;height: 4.55rem;background: url(../images/zjpage/mobile/invite_1.png) center no-repeat;background-size: cover;} .invite .invite_01 .next .icon{margin-bottom: 0.3rem;height: 72px;} .invite .invite_01 .next .icon .i1{display: none;} .invite .invite_01 .next .icon .i2{display: block;} .invite .invite_01 .next b{margin-bottom: 0.28rem; font-size:0.3rem;font-weight: 900;} .invite .invite_01 .next p{width: 78.688%; line-height: 0.44rem; font-size: 0.26rem;} .invite .invite_01 .bac{width: 76.53%;height:9.02rem;} .invite .invite_01 .list{width: 100%;} .invite .invite_01 .list ul{float: right;width: 81.33%;} .invite .invite_01 .list li{float: left;width: 50%;} .invite .invite_01 .list .icon{margin: 0 auto 0.3rem; width: 0.96rem;height:0.96rem;border-radius: 0.96rem;} .invite .invite_01 .list .icon::after{width: 0.96rem;height: 0.96rem;border-radius: 0.96rem;} .invite .invite_01 .list .icon .i1{display: none;} .invite .invite_01 .list .icon .i2{display: block;} .invite .invite_01 .list p{padding-bottom: 0.78rem; font-size: 0.3rem;} .invite .invite_02{padding-bottom:0.8rem} .invite .invite_02 .tab_next{padding-top:0.73rem} .invite .invite_02 .tab_tit a{margin:0 10.92% 0rem 0;width:44.54%;height:0.7rem;line-height:0.7rem;font-size:0.28rem} .invite .invite_02 li{padding:0.46rem 0.54rem 0 0.54rem} .invite .invite_02 li .left{margin:0.1rem 0.26rem 0 0;width:0.05rem;height:0.26rem} .invite .invite_02 li .right{padding-right:0rem; width:calc(100% - 0.31rem);height:3rem} .invite .invite_02 li .hes{line-height: 0.42rem;} .invite .invite_02 li .hes .ts{margin-bottom:0.32rem;border-bottom:#e5e5e5 0 solid} .invite .invite_02 li.cur .hes .ts{border-bottom:#e5e5e5 1px solid} .invite .invite_02 li .hes span{font-size:0.32rem} .invite .invite_02 li .hes div.clearfix{margin:0.18rem auto 0.3rem;line-height:0.52rem} .invite .invite_02 li .hes div.clearfix b{margin-right:0%;float:none;width: 100%; font-size:0.24rem;font-weight:400} .invite .invite_02 li .hes div.clearfix em{float:none;padding-left:0.46rem;height:0.52rem;font-size:0.24rem;background:url(../images/zjpage/mobile/icon/icon_22.png) left center no-repeat;background-size:0.26rem auto} .invite .invite_02 li .hes b{font-size:0.32rem} .invite .invite_02 li .hes p{font-size:0.25rem;line-height:0.42rem} .invite .invite_02 li .hes a{float:none;margin:0 auto 0.3rem;width:98%;height:0.82rem;line-height:0.82rem;font-size:0.28rem;border-radius:0.08rem} .invite .invite_02 li .hes .t{width:98%;height:0.82rem;line-height:0.82rem;font-size:0.28rem;border-radius:0.08rem} .invite .invite_02 li .hes div.b{margin-bottom:0;padding-bottom:0.46rem} .invite .invite_02 li .hes div.b a{display:block} .invite .invite_02 li .sel{right:0rem;height:0.4rem;line-height:0.4rem;font-size:0.24rem} .invite .invite_02 li.cur{box-shadow:0 0 0.16rem rgba(0,0,0,.1)} .invite .invite_02 .loading{padding:0.7rem 0 0;height:0.54rem;background:url(../images/icon/icon_27.png) bottom center no-repeat;background-size:auto 0.54rem} .content-info-main p { font-size: 0.28rem!important; margin-top: 0.1rem; text-align: center; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px) } 100%{ opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px) } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px) } 100%{ opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px) } } .content-info-main p { font-size: 18px; margin-top: 10px; text-align: center; } .case_20211104{background: #f6f6f6;} .case_20211104 img{margin: 0 auto; width: 100%;} .case_20211104 .case_2021{padding-bottom: 60px;} .case_20211104 .case_2021:nth-child(2n - 1){background: #fff;} .case_20211104 .page_title{padding: 70px 0;line-height: 52px;font-size: 40px;font-weight: 900;color: #333;text-align: center;} .case_20211104 .case_01 .next p{margin-top: 30px; line-height: 32px; font-size: 18px;color: #000;text-align: left;} .case_20211104 .case_03 .next{display: flex; position: relative;} .case_20211104 .case_03 .next img{margin-right: 6%; height: 542px;} .case_20211104 .case_03 .next .text p{position: relative;margin-bottom: 90px; line-height: 44px; font-size: 19px;color: #000;text-indent: 2em;} .case_20211104 .case_03 .next .text p:last-child{margin-bottom: 0;} .case_20211104 .case_03 .next .text p::after{position: absolute;left: 0;top: 17px;width: 6px;height:6px;background: #000;border-radius: 6px;content: ""; } .case_20211104 .case_04 .list li{ float: left; width: 25%; height: 254px; font-size: 23px; color: #fff; } .case_20211104 .case_04 .list .bor{ padding: 55px 10% 0; } .case_20211104 .case_04 .list b{margin-bottom: 25px; font-weight: normal;} .case_20211104 .case_04 .list p{line-height: 26px; font-size: 16px;} .case_20211104 .case_04 .list li:nth-child(1){background: #a6a6a6;} .case_20211104 .case_04 .list li:nth-child(2){background: #eb3223;} .case_20211104 .case_04 .list li:nth-child(3){background: #bfbfbf;} .case_20211104 .case_04 .list li:nth-child(4){background: #ef5b4f;} .case_20211104 .case_04 .list li:nth-child(5){background: #ef5b4f;} .case_20211104 .case_04 .list li:nth-child(6){background: #595959;} .case_20211104 .case_04 .list li:nth-child(7){background: #eb3223;} .case_20211104 .case_04 .list li:nth-child(8){background: #a6a6a6;} @media(max-width:1200px){ .case_20211104 .case_2021{padding-bottom:0.6rem;} .case_20211104 .page_title{padding:0.7rem 0;line-height:0.5rem;font-size:0.4rem;} .case_20211104 .case_01 .next p{margin-top:0.3rem; line-height:0.36rem; font-size:0.24rem;} .case_20211104 .case_03 .next{display: block;} .case_20211104 .case_03 .next img{margin:0 0% 0.8rem 0;width:100%; height: auto;} .case_20211104 .case_03 .next .text p{margin-bottom:0.4rem; line-height:0.44rem; font-size:0.24rem;} .case_20211104 .case_03 .next .text p::after{top: 0.17rem;width:0.08rem;height:0.08rem;border-radius:0.08rem;} .case_20211104 .case_04 .list li{ width: 50%; height: 3.5rem; font-size:0.28rem; } .case_20211104 .case_04 .list .bor{padding: 0.55rem 10% 0;} .case_20211104 .case_04 .list b{margin-bottom:0.3rem;} .case_20211104 .case_04 .list p{line-height:0.36rem; font-size:0.24rem;} } @media (max-width:1200px){ .storage{ display: none; } } .storage{ position: fixed; right: 0; top: 30%; display: none; } .storage a{ font-size: 18px; color: #c00000; width: 185px; height: 42px; line-height: 42px; text-align: center; background-color: #fff; box-shadow: 0 0 16px rgb(192 0 0 / 10%); border-radius: 10px; margin-bottom: 6px; transition: all 0.5s; } .storage a:hover{ background-color: #c00000; color: #fff; transition: all 0.5s; } .storage a:last-child{ margin-bottom: 6px; }