/* banner */ .banner{position: relative;overflow: hidden;} .banner .wrap{display: block;overflow: hidden;padding-bottom: 100vh;position: relative;} .banner .wrap em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transition: 1s linear 2s;transform: scale(1.05,1.05);} .banner .wrap em a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .banner .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;} /* .banner .slide1 .text .banTxt{width: 49.4%;} */ .banner .text .link{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .banner .text .box{height: 100%;} .banner .text .banTxt{color: #fff;line-height: 1.5;} .banner .text .banTxt .desc{margin-top: 4px;} .banner .btnWrap{padding-top: 2rem;display: flex;position: relative;z-index: 5;} .banner .control{position: absolute;left: 50%;bottom: 1.33rem;transform: translateX(-50%);z-index: 2;} .banner .swiper-pagination{position: static;} .banner .text.center{text-align: center;} .banner .text.center .btnWrap{justify-content: center;} .banner .text.right{text-align: right;} .banner .text.right .btnWrap{justify-content: flex-end;} /* isect1 */ .isect1{background: #F6F6F6 url(../images/isect1Bg.png) no-repeat center 4.2rem;padding-bottom: 5.33rem;} .isect1 .tabs li{position: relative;} .isect1 .tabs li::before{content: "";width: 100%;height: 4px;background: #E50011;position: absolute;left: 0;top: 0;transform: scale(0,1);opacity: 0;} .isect1 .tabs li::after{content: "";width: 100%;height: 71.4%;position: absolute;left: 0;top: 0;background-image: linear-gradient(rgba(229,0,17,0.1), rgba(229,0,17,0));opacity: 0;} .isect1 .tabs li .line{width: 1px;height: 1.5rem;background: #D8D8D8;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .isect1 .tabs li a{display: flex;padding: 0.6rem 1.66rem;color: #666666;line-height: 0.93rem;position: relative;z-index: 2;} .isect1 .tabs .icon{flex-shrink: 0;height: 1.5rem;margin-right: 0.4rem;filter: brightness(0) invert(0.1);} .isect1 .tabs h4{color: #222222;} .isect1 .tabs li.active::before{transform: scale(1);opacity: 1;} .isect1 .tabs li.active::after{opacity: 1;} .isect1 .tabs li.active .icon{filter: brightness(1) invert(0);} .isect1 .tabs li.active h4{color: #E50011;} .isect1 .tabs li.active .line{opacity: 0;} .isect1 .container, .isect1 .innerScroll{position: relative;overflow: hidden;} .isect1 .innerScroll{padding-bottom: 3.06rem;} .isect1 .innerScroll ul{display: flex;} .isect1 .innerScroll ul li{flex: 23.26%;margin-right: 0.66rem;} .isect1 .innerScroll ul li.active{flex: 38.88%;} .isect1 .innerScroll a{display: block;height: 0;padding-bottom: 107.46%;position: relative;overflow: hidden;padding-bottom: 12rem;} .isect1 .innerScroll a::before{content: "";position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;bottom: 0;background-image: linear-gradient(rgba(0,0,0,0.2) 70%, rgba(0,0,0,0.9) 100%);} .isect1 .innerScroll a .text{position: absolute;left: 0;bottom: 0.66rem;z-index: 3;width: 100%;box-sizing: border-box;padding: 0 10px;text-align: center;} .isect1 .innerScroll a .text .icon{filter: brightness(0) invert(1);height: 0.93rem;margin-bottom: 8px;} .isect1 .innerScroll a .text .tit{color: #FFFFFF;line-height: 0.93rem;font-weight: normal;} .isect1 .innerScroll a:hover em{transform: scale(1.1);} .isect1 .innerScroll a .hover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background: rgba(0, 0, 0, 0.8);box-sizing: border-box;padding: 1rem;color: #FFFFFF;line-height: 0.83rem;opacity: 0;} .isect1 .innerScroll a .hover .tit{display: flex;align-items: center;padding-bottom: 0.83rem;border-bottom: 1px solid rgba(255, 255, 255, 0.4);margin-bottom: 0.66rem;line-height: 1rem;} .isect1 .innerScroll a .hover .tit .icon{flex-shrink: 0;width: 1.6rem;height: 1.6rem;background: #E50011;margin-right: 0.4rem;} .isect1 .innerScroll a .hover .tit .icon img{filter: brightness(0) invert(1);height: 0.7rem;} .isect1 .innerScroll a .hover .tit p{opacity: 0.6;} .isect1 .innerScroll a .hover .desc{height: 4.15rem;overflow: hidden;opacity: 0.8;} .isect1 .innerScroll a .hover .more{position: absolute;left: 1rem;bottom: 1rem;color: #fff;} .isect1 .innerScroll a .hover .more img{filter: brightness(0) invert(1);} .isect1 .innerScroll .active a .text{transform: translateY(30px);opacity: 0;} .isect1 .innerScroll .active a .hover{opacity: 1;transition:all 0.3s linear 0.3s;} .isect1 .innerScroll .paginationStyle{bottom: 0.8rem;} /* isect2 */ .isect2{padding-bottom: 0;} .isect2 .wrap{position: relative;overflow: hidden;padding-bottom: 1.33rem;} .isect2 .tabs{border-bottom: 1px solid rgba(255, 255, 255, 0.3);position: relative;z-index: 2;} .isect2 .tabs ul{display: flex;} .isect2 .tabs li{flex: 1;position: relative;} .isect2 .tabs li .line{content: "";width: 1px;height: 1.06rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .isect2 .tabs li::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(rgba(229,0,17,0), rgba(229,0,17,0.3));opacity: 0;} .isect2 .tabs li::after{content: "";width: 100%;height: 4px;background: #E50011;position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;} .isect2 .tabs li a{height: 2.6rem;position: relative;z-index: 2;color: #FFFFFF;} .isect2 .tabs li a .icon{height: 0.93rem;margin-right: 0.4rem;} .isect2 .tabs li a .tit{font-weight: normal;} .isect2 .tabs li.active .line{opacity: 0;} .isect2 .tabs li.active::before{opacity: 1;} .isect2 .tabs li.active::after{transform: scale(1);opacity: 1;} .isect2 .bgContainer{position: absolute;left: 0;top: 0;width: 100%;height: calc(100% - 1.33rem);} .isect2 .bgContainer .swiper-slide{height: 100%;} .isect2 .bgContainer a{display: block;overflow: hidden;height: 100%;position: relative;background: #001223;} .isect2 .bgContainer a em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transition: 1s linear 2s;opacity: 0.1;} .isect2 .bgContainer .swiper-slide-active a em, .isect2 .bgContainer .swiper-slide-duplicate-active a em{transition: 2s linear; transform: scale(1,1);} .isect2 .content{position: relative;z-index: 2;} .isect2 .textScroll{padding: 0.66rem 0 5.5rem;width: 41.66%;position: relative;overflow: hidden;} .isect2 .textScroll a{display: block;color: #fff;} .isect2 .textScroll .tit{line-height: 1.45;padding-bottom: 0.66rem;border-bottom: 1px solid rgba(255, 255, 255, 0.2);margin-bottom: 1.33rem;position: relative;} .isect2 .textScroll .tit::before{content: "";width: 1.33rem;height: 1px;background: #E50011;position: absolute;left: 0;bottom: -1px;} .isect2 .textScroll .desc{line-height: 0.93rem;height: 4.65rem;overflow: hidden;margin-bottom: 1.33rem;opacity: 0.6;} .isect2 .textScroll .swiper-pagination{position: absolute;left: 0;bottom: 0;width: auto;font-size: 4rem;color: rgba(255, 255, 255, 0.08);font-family: "DINBold";line-height: 0.8;} .isect2 .textScroll .swiper-pagination .swiper-pagination-current{color: rgba(255, 255, 255, 0.2);} .isect2 .picScroll{width: 60.9%;height: calc(100% - 0.66rem);position: absolute;top: 2rem;left: 50%;margin-left: -10.93%;} .isect2 .picScroll .container{width: 100%;height: 100%;clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);position: relative;overflow: hidden;} .isect2 .picScroll .container .swiper-slide{height: 100%;} .isect2 .picScroll .container .swiper-slide a{display: block;height: 100%;position: relative;overflow: hidden;} .isect2 .picScroll .btnStyle2{position: absolute;bottom: 3.66rem;left: 1rem;} .isect2 .picScroll .btnStyle2 .btn:first-child{margin: 0 0 0.5rem 1rem;} .isect2 .picScroll .btnStyle2 .btn::before{background: #fff;} .isect2 .picScroll .btnStyle2 .btn img{filter: brightness(0) invert(0.1);} .isect2 .picScroll .btnStyle2 .btn:hover::before{background: #E50011;} .isect2 .picScroll .btnStyle2 .btn:hover img{filter: brightness(1) invert(0);} /* isect3 */ .isect3 .container{position: relative;overflow: hidden;width: 100%;padding: 1px 1px 1.5rem;margin: 0 0 0 -1px;} .isect3 .container ul li{width: 16.66%;} .isect3 .container a{display: block;height: 0;padding-bottom: 51.5%;position: relative;border: 1px solid rgb(216 216 216 / 0.3);margin: -1px 0 0 -1px;overflow: hidden;transition:all 0.3s linear;} .isect3 .container a::before{content: "";width: 100%;height: 2px;position: absolute;left: 0;top: 0;background: #E50011;transform: scale(0,1);opacity: 0;z-index: 3;} .isect3 .container .pic, .isect3 .container .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .isect3 .container .pic img{max-width: 60%;max-height: 50%;} .isect3 .container .text{z-index: 2;background: #FFFFFF;text-align: center;top: 100%;} .isect3 .container .text > div{width: 100%;box-sizing: border-box;padding: 0 10px;} .isect3 .container .text .tit{line-height: 0.93rem;color: #222222;} .isect3 .container .text .desc{color: #999999;line-height: 0.8rem;max-height: 1.6rem;overflow: hidden;} .isect3 .container a:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .isect3 .container a:hover::before{transform: scale(1);opacity: 1;} .isect3 .container a:hover .text{top: 0;} .isect3 .container a:hover .pic img{transform: scale(0);opacity: 0;} .isect3 .container .paginationStyle{bottom: 0;} /* isect4 */ .isect4{padding: 2.66rem 0;background: url(../images/isect4Bg.jpg) no-repeat center;background-size: cover;position: relative;} .isect4 .textScroll{width: 40.625%;color: #fff;text-align: right;overflow: hidden;} .isect4 .textScroll .tit{line-height: 1.66rem;} .isect4 .textScroll .desc{line-height: 0.93rem;height: 3.72rem;overflow: hidden;margin: 1.33rem 0 0.5rem;} .isect4 .textScroll .btm{padding-top: 1rem;display: flex;align-items: center;justify-content: flex-end;} .isect4 .textScroll .btm img{width: 1.06rem;height: 1.06rem;border-radius: 50%;margin-right: 0.4rem;} .isect4 .textScroll .dataList{display: flex;justify-content: space-between;padding-top: 1.7rem;line-height: 20px;color: rgba(255, 255, 255, 0.6);} .isect4 .textScroll .dataList li{padding: 0 2.33rem;} .isect4 .textScroll .dataList li:nth-child(2){border-left: 1px solid rgba(255, 255, 255, 0.4);border-right: 1px solid rgba(255, 255, 255, 0.4);} .isect4 .textScroll .dataList li:first-child{padding-left: 0;} .isect4 .textScroll .dataList li:last-child{padding-right: 0;} .isect4 .textScroll .dataList .data{line-height: 1.2rem;margin-bottom: 7px;color: #E50011;display: flex;align-items: center;justify-content: center;font-family: "DINBold";} .isect4 .textScroll .dataList .data img{margin-left: 8px;} .isect4 .picScroll{width: 58.64%;height: calc(100% - 1.33rem);position: absolute;bottom: 2.66rem;right: 50%;margin-right: -8.6%;} .isect4 .picScroll .container{position: relative;overflow: hidden;width: 100%;height: 100%;clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);} .isect4 .picScroll .swiper-slide, .isect4 .picScroll .swiper-slide a{display: block;height: 100%;position: relative;overflow: hidden;} .isect4 .picScroll .swiper-slide .logo{position: absolute;left: 8.66rem;top: 2rem;max-width: 7rem;filter: brightness(0) invert(1);z-index: 2;} .isect4 .picScroll .btnStyle2{position: absolute;right: 16%;bottom: 2rem;} .isect4 .picScroll .btnStyle2 .btn{margin-right: 0;} .isect4 .picScroll .btnStyle2 .btn:last-child{margin: 0.5rem 0 0 -1rem;} /* isect5 */ .isect5{padding-bottom:1.66rem;} .isect5 .title{margin-bottom: 2rem;} .isect5 .title .titleStyle{margin-bottom: 0;} .isect5 .tabs li{padding: 0 0.8rem;} .isect5 .tabs li a{display: block;position: relative;color: #222222;font-weight:bold;} .isect5 .tabs li a::before{content: "";width: 2.53rem;height: 1px;background: #E50011;position: absolute;left: 0;top: 50%;transform-origin:left center;transform: scale(0,1);opacity: 0;} .isect5 .tabs li.active a{padding-left: 2.93rem;} .isect5 .tabs li.active a::before{transform: scale(1);opacity: 1;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;} .isect5 .container{width: 100%;position: relative;overflow: hidden;padding:0 20px 1rem;margin-left: -20px;} .isect5 .left{width: 68.1%;} .isect5 .left li{width: 50%;box-sizing: border-box;padding-right: 1rem;} .isect5 .left a{display: block;background: #FFFFFF;box-shadow: 0 12px 20px rgba(0, 0, 0, 0.12);} .isect5 .left a:hover{box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2);} .isect5 .left .pic{height: 0;padding-bottom: 55.9%;position: relative;overflow: hidden;} .isect5 .left .text{padding: 0.7rem;} .isect5 .left .text .tit{color: #222222;line-height: 0.93rem;height: 1.86rem;overflow: hidden;margin-bottom: 0.26rem;} .isect5 .left .text .date{color: #999999;line-height: 0.93rem;} .isect5 .right{width: 31.9%;} .isect5 .right dd{padding: 0.66rem 0;border-top: 1px solid #D8D8D8;} .isect5 .right dd:first-child{padding-top: 6px;border: none;} .isect5 .right dd a{display: block;line-height: 0.93rem;color: #999999;} .isect5 .right dd .tit{margin-bottom: 0.26rem;color: #222222;height: 1.86rem;overflow: hidden;} .isect5 .right dd a:hover{transform: translateY(-6px);} /* .isect5 .container a:hover .tit{color: #E50011;} */ /* isect6 */ .isect6{padding: 2.66rem 0 3.46rem;background: url(../images/isect6Bg.jpg) no-repeat center;background-size: cover;position: relative;overflow: hidden;} .isect6::before{content: "";width: 100%;height: 102%;position: absolute;left: 0;top: -1%;background: #fff;opacity: 0.9;clip-path: polygon(0 0, 69% 0, 55% 100%, 0 100%);} .isect6 .wrap{position: relative;z-index: 2;width: 57%;} .isect6 .slogan{display: block;margin: 2rem 0 0.9rem;} .isect6 .desc{color: #666666;line-height: 0.93rem;max-height: 1.86rem;overflow: hidden;} .isect6 .dataList{display: flex;justify-content: space-between;margin: 1rem 0 2rem;} .isect6 .dataList li{padding-left: 0.66rem;position: relative;color: #222222;line-height: 20px;} .isect6 .dataList li::before{content: "";width: 1px;height: 2rem;background: #D8D8D8;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .isect6 .dataList li .data{line-height: 1.6rem;color: #E50011;font-weight: bold;} .isect6 .dataList li .data span{font-family: "DINBold";} .isect6 .video{position: absolute;height: 100%;width: 43%;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 2;color: #FFFFFF;} .isect6 .video .icon{width: 2rem;height: 2rem;background: #FFFFFF;border-radius: 50%;margin-right: 0.4rem;text-align: center;line-height: 2rem;position: relative;} .isect6 .video .icon img{margin-top: 0.25em;position: relative;z-index: 3;} .isect6 .video .icon:after, .isect6 .video .icon:before{content: "";z-index: -1;position: absolute;left: 50%;top:50%;width: 50px;height: 50px;margin: -25px 0 0 -25px;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;transition: 0.5s;transform: scale(0.6);animation: scaleBtn 4s linear infinite;} .isect6 .video .icon:before{animation: scaleBtn 4s linear infinite 2s;} @keyframes scaleBtn{ to{transform: scale(2);opacity: 0;} } @media screen and (max-width: 1480px){ .isect1{background-position: center 4.7rem;padding-bottom:4rem;background-size: 120% auto;} .btnStyle2{right: 12rem;} .isect6 .video{width: 36%;} } @media screen and (max-width: 1280px){ .isect1{background-position: center 3.7rem;} .isect2 .picScroll .container{clip-path: polygon(17% 0, 100% 0, 100% 100%, 0 100%);} .isect2 .tabs li a{height: 2.6rem;} .isect2 .textScroll{padding: 0.8rem 0 3.5rem;} .isect2 .picScroll .btnStyle2{left: 0.6rem;} .isect2 .textScroll .desc{height: 4.65rem; margin-bottom: 1rem;} .isect4 .textScroll .dataList li{padding: 0 2rem;} .isect4 .picScroll .btnStyle2{right: 15%;} .isect4 .picScroll .swiper-slide .logo{left: 3rem;} .isect1 .tabs{display: flex;} .isect1 .tabs:after{display: none;} .isect1 .tabs li{flex: 1;} .isect1 .tabs li a{box-sizing: border-box;width: 100%;padding: 0.6rem 0;justify-content: center;line-height:0.8rem;} .titleStyle{margin-bottom: 1rem;} } @media screen and (max-width: 1024px){ .banner .wrap{padding-bottom: 50%;} .banner .btnWrap{padding-top: 1rem;} .banner .control{bottom: 0.5rem;} .isect1{background-position: center 2.8rem;} .isect1 .tabs li a{padding: 0.5rem 0;display: block;text-align: center;} .isect1 .tabs li a p{display: none;} .isect1 .tabs .text{width: 100%;box-sizing: border-box;padding: 0 6px;} .isect1 .tabs .icon{margin: 0 0 6px;} .isect1 .innerScroll a{padding-bottom: 10rem;} .isect1 .innerScroll ul li.active{flex: 23.26%;} .isect1 .innerScroll a .hover{display: none;} .isect1 .innerScroll .active a .text{opacity: 1;transform: translateY(0);} .isect2 .tabs li a{display: block;text-align: center;height: auto;padding: 0.8rem 0;} .isect2 .tabs li a .icon{margin: 0 0 6px;} .isect5 .right dd{padding: 0.4rem 0;} .isect3 .container ul li{width: 25%;} } @media screen and (max-width: 760px){ .banner .wrap{padding-bottom: 65%;} .banner .btnWrap{padding-top: 10px;} .banner .btnWrap .btnStyle{transform: scale(0.8);transform-origin:left center;margin: 0;} .banner .control .btnStyle1{display: none;} .isect1{background: #F6F6F6;padding-bottom: 2rem;} .isect1 .tabs{display: block;overflow: hidden;} .isect1 .tabs li{width: 25%;float: left;} .isect1 .tabs li a{padding: 0.5rem 0;} .isect1 .tabs li .icon{height: 1rem;} .isect1 .tabs li h4{font-size: 13px;line-height: 16px;height: 32px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space: normal;} .isect1 .innerScroll{padding-bottom: 20px;padding-bottom: 40px;} .isect1 .innerScroll ul{display: block;overflow: hidden;} .isect1 .innerScroll ul li{width: 49%;margin: 0 0 2%;float: left;} .isect1 .innerScroll ul li:nth-child(2n){float: right;} .isect1 .innerScroll a{padding-bottom: 107.46%;} /* .isect1 .innerScroll .btnStyle2{display: none;} */ .isect1 .innerScroll .btnStyle2{right: 20px;} .isect1 .innerScroll .btnStyle2 .btn{width: 1.4rem;height: 1.4rem;line-height: 1.4rem;} .isect1 .innerScroll .btnStyle2 .btn img{height: 6px;} .isect1 .innerScroll .paginationStyle{bottom: 0;} .isect2 .tabs ul{display: block;overflow: hidden;} .isect2 .tabs ul li{width: 25%;float: left;} .isect2 .tabs li a{padding: 0.5rem 0;} .isect2 .wrap{padding-bottom: 0;} .isect2 .textScroll{width: 100%;} .isect2 .picScroll{width: 100%;height: auto;left: 0;top: 0;margin-left: 0;position: relative;} .isect2 .picScroll .container .swiper-slide a{height: 0;padding-bottom: 47.86%;} .isect2 .picScroll .btnStyle2{display: none;} .isect2 .picScroll .container{clip-path: none;} .isect2 .textScroll{padding: 1rem 0 3rem;} .isect2 .textScroll .swiper-pagination{font-size: 2rem;} .isect2 .textScroll .tit{padding-bottom: 0.3rem;margin-bottom: 0.6rem;} .isect2 .textScroll .desc{margin-bottom: 0.6rem;} .isect3{margin-bottom: 1rem;} .isect3 .container{padding-bottom: 1rem;} .isect3 .container .text{display: none;} .isect3 .container a{padding-bottom: 43.5%;} .isect3 .container .pic img{max-width: 75%;max-height: 75%;} .isect3 .container a:hover .pic img{transform: scale(1);opacity: 1;} .isect4{padding: 1rem 0 0;} .isect4 .picScroll{position: relative;bottom: 0;right: 0;margin-right: 0;width: 100%;} .isect4 .picScroll .container{clip-path: none;} .isect4 .picScroll .swiper-slide a {padding-bottom: 50%;} .isect4 .picScroll .btnStyle2{display: none;} .isect4 .picScroll .swiper-slide .logo{left: 5%;top: 1rem;max-width: 4rem;} .isect4 .textScroll{width: 100%;padding-bottom: 1rem;} .isect4 .textScroll .desc{margin: 0.5rem 0;text-align: left;height: 4.65rem;} .isect4 .textScroll .dataList{padding-top: 1rem;} .isect4 .textScroll .dataList .data img{height: 0.7rem;} .isect4 .textScroll .dataList li:nth-child(2){padding: 0;} .isect4 .textScroll .dataList li{padding: 0;flex: 1;text-align: center;} .isect5{padding: 1rem 0 0;} .isect5 .title{margin-bottom: 1rem;display: block;} .isect5 .tabs{padding-top: 0.3rem;} .isect5 .tabs li{padding: 0 10px;} .isect5 .tabs li.active a{padding-left: 0;color: #E50011;} .isect5 .tabs li a::before{display: none;} .isect5 .more{display: none;} .isect5 .left{width: 100%;} .isect5 .right{width: 100%;padding-top: 0.5rem;} .isect5 .right dd .tit{height: auto;max-height: 1.86rem;} .isect5 .left .text{padding: 10px;} .isect5 .left .text .tit{line-height: 0.77rem; height: 1.54rem;} .isect5 .left li{width: 49%;padding-right: 0;} .isect5 .left li:nth-child(2n){float: right;} .isect6{padding: 1rem 0 3rem;} .isect6::before{clip-path: none;} .isect6 .video{display: none;} .isect6 .wrap{width: 100%;} .isect6 .logo{height: 0.7rem;} .isect6 .slogan{margin: 1rem 0 0.3rem;height: 20px;} .isect6 .dataList{margin: 0.5rem 0 1rem;} .isect6 .dataList li{padding-left: 10px;} .isect6 .dataList li .data{line-height: 1rem;} .isect6 .dataList li .data span{font-size: 0.8rem;} .isect6 .dataList li p{font-size: 12px;} .isect2 .bgContainer a em{opacity: 0.4;} .isect2 .picScroll, .isect2 .textScroll .swiper-pagination, .isect2 .textScroll .tit{display: none;} .isect4 .textScroll .tit{text-align: center;} .isect3 .container ul li{width: 33.33%;} } @media screen and (max-width: 468px){ .banner .text .banTxt .desc{font-size: 0.5rem;} .isect1{padding-bottom: 1rem;} .isect3 .container ul li{width: 50%;} }