.index-banner .banner-swiper{overflow: hidden; position:relative;} .index-banner .banner-swiper .swiper-pagination{position: absolute;bottom: .9rem;z-index:3;} .index-banner .banner-swiper .swiper-pagination-bullet{width: .5rem;height: .08rem;margin: 0 0.1rem; background: #D7DBE0;border-radius: .1rem;opacity: 1;} .index-banner .banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width: .5rem;background:#FFCC84;opacity: 1;} .index-banner .banner-swiper .swiper-slide{position: relative;} .index-banner .banner-swiper .swiper-slide .banner-bg img{width: 100%;height: auto;} .index-banner .banner-swiper .swiper-slide .banner-l{position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding-left: 0;} .index-banner .banner-swiper .swiper-slide .banner-l .l-tit-e{margin-top: 1.37rem; font-weight: 500;font-size: 0.40rem;color: #FFFFFF;line-height: 0.47rem;letter-spacing: 1px;} .index-banner .banner-swiper .swiper-slide .banner-l .l-tit{margin-top: 0.24rem;font-weight: bold;font-size: 0.4rem;color: #FFFFFF;line-height: 0.47rem;} .index-banner .banner-swiper .swiper-slide .banner-l .l-desc{margin-top: 0.16rem;font-weight: 500;font-size: 0.16rem;color: #FFFFFF;line-height: 0.19rem;opacity: .8;} .index-banner .banner-swiper .swiper-slide .banner-l .l-btn{margin-top: 0.52rem;display: flex;} .index-banner .banner-swiper .swiper-slide .banner-l .l-btn .btn-l{width: 1.2rem;height: 0.35rem; line-height: 0.35rem;text-align: center;background: linear-gradient( 90deg, #FFC07C 0%, #FFE3C1 100%);border-radius: 0px 0.15rem 0px 0.15rem;font-weight: bold;text-align: center;font-size: 0.13rem;color: #654B33;} .index-banner .banner-swiper .swiper-slide .banner-l .l-btn .btn-r{margin-left: 0.24rem;width: 1.2rem;height: 0.35rem; line-height: 0.35rem;background: rgba(255,189,119,0.1);border-radius: 0px 0.15rem 0px 0.15rem;border: 1px solid #FFBD77;font-weight: bold;font-size: 0.13rem;color: #FFE3C0;text-align: center;} .index-container01{margin-top: -0.61rem;position: relative; z-index: 2;} .index-container01 .container01{padding:0.2rem 0; background: #FFF;border-radius: 4px;/* height: 1.22rem; */box-shadow: 0.05rem 0.1rem 0.15rem 0rem rgba(0,0,0,0.04);position: relative;display: flex;} .index-container01 .container01:before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;background: url(../image/index01-bg1.png) left top no-repeat, url(../image/index01-bg2.png) right bottom no-repeat;} .index-container01 .container01 a{flex: 1;} .index-container01 .container01 .list{padding:0 0.42rem 0 0.44rem;height: 100%; position: relative;border-right: 1px solid #dee0e9;} .index-container01 .container01 a:last-child .list{border-right: none;} .index-container01 .container01 .list .list-t{display: flex;} .index-container01 .container01 .list .list-t .t-l{display: flex;} .index-container01 .container01 .list .list-t .t-l .l-img{position: relative;} .index-container01 .container01 .list .list-t .t-l .l-dian{position: absolute;bottom: -0.04rem;right: 0;width: 8px;height: 8px;background: #FFF9EF;border-radius: 50%;border: 0.02rem solid #F7B027;} .index-container01 .container01 .list:hover .list-t .t-l .l-dian{border: none;background:#F7B027;} .index-container01 .container01 .list:nth-child(2) .list-t .t-l .l-dian{bottom: 0;right: -0.1rem;top: 0;margin: auto 0;} .index-container01 .container01 .list:nth-child(3) .list-t .t-l .l-dian{bottom: 0;right: 0;top: 0;left:0.075rem;} .index-container01 .container01 .list .list-t .t-r{margin-left: 0.2rem; display: flex;align-items: center; font-weight: bold;font-size: 0.16rem;color: #3F4143;} .index-container01 .container01 .list .list-b{margin-top: 0.07rem;font-size: 0.12rem; color: #747A7F;line-height: 0.18rem;} .index-container02{margin-top: 0.6rem;} .index-container02 .container02{} .index-container02 .container02 .container02-tit{font-weight: bold;font-size: 1.875rem;color: #333333;text-align: center;} .index-container02 .container02 .container02-desc{margin-top: 0.16rem; font-size: 0.16rem;color: #999999;line-height: 0.19rem;text-align: center;} .index-container02 .container02 .container02-list{margin-top: 1.9rem; display: flex;justify-content: space-between;} .index-container02 .container02 .container02-list .list{cursor: pointer; transform: scale(1); transition: all .6s;margin-right: 0.33rem;width: 100%;height: auto;background: linear-gradient( 90deg, #ef4416 0%, #db0706 100%);box-shadow: 0.04rem 0.04rem 0.1rem 0rem rgba(66,116,254,0.1);border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;position: relative;} .index-container02 .container02 .container02-list .list:hover{transform: scale(1.03);} .index-container02 .container02 .container02-list .list:last-child{margin-right: 0;background: linear-gradient( 90deg, #ef4416 0%, #db0706 100%);} .index-container02 .container02 .container02-list .list .list-icon{position: absolute;top: -0.5rem;left: 0;right: 0;display: flex;justify-content: center;} .index-container02 .container02 .container02-list .list .list-icon img{width: 80px;height:80px;} .index-container02 .container02 .container02-list .list .list-tit{margin-top: 6.63rem;font-weight: bold;font-size: 1.62rem;color: #FFFFFF;text-align: center;} .index-container02 .container02 .container02-list .list .list-li{margin-top: 0.29rem;width: 100%;height: auto;min-height: 3.6rem;background: #fff;border-radius: 0rem 0.86rem 0.1rem 0.1rem;border: 0.01rem solid #DEE7F6;} .index-container02 .container02 .container02-list .list:last-child .list-li{background: #fff;} .index-container02 .container02 .container02-list .list .list-li .li-tit{margin: 0.52rem 20px 0 0.32rem;font-weight: bold;font-size: 1.25rem;line-height: 1.5rem;color: #345FFF;} .index-container02 .container02 .container02-list .list:last-child .list-li .li-tit{color: #8156EC;font-size:1.25rem} .index-container02 .container02 .container02-list .list .list-li .li-tit img{width: 80%;height:80%;padding-left:110px} .index-container02 .container02 .container02-list .list .list-li .li-list{margin: 0.36rem 0.59rem 0;} .index-container02 .container02 .container02-list .list .list-li .li-list .li{font-size: 0.12rem;color: #666666;line-height: 0.34rem;} .index-container02 .container02 .container02-list .list .list-li .li-list .li img{margin-right: 0.08rem; width: 0.16rem;height: 0.17rem;} .index-container02 .container02 .container02-img{margin: 0.7rem 0 0.8rem;} .index-container03{background: url(../image/index03-bg.png);padding: 0.42rem 0 0.73rem;} .index-container03 .container03-tit{font-weight: bold;font-size: 0.24rem;line-height: 0.28rem;color: #333333;text-align: center;} .index-container03 .container03-desc{margin-top: 0.16rem; font-size: 0.16rem;color: #999999;line-height: 0.19rem;text-align: center;} .index-container03 .container03-img{margin-top: 0.58rem; display: flex;justify-content: center;} .index-container03 .container03-img img{width: 11.1rem;height: auto;} .index-container03 .container03-list{margin-top: 0.6rem; display: flex;justify-content: space-between;} .index-container03 .container03-list .list{margin-right: 0.64rem; width: 100%;/* height: 4rem; */border-radius: 0.2rem; background: #FFF;} .index-container03 .container03-list .list:last-child{margin-right: 0;} .index-container03 .container03-list .list .list-t{position: relative;} .index-container03 .container03-list .list .list-t .t-img img{width: 100%;height: auto;} .index-container03 .container03-list .list .list-t .t-txt{margin-top: 0.34rem 0 0 0.32rem;height: 100%; position: absolute;left: 0;right: 0;top: 0;right: 0;font-weight: bold;font-size: 0.24rem;color: #FFFFFF;text-align: center;display: flex;justify-content: center;align-items: center;} .index-container03 .container03-list .list .list-bl{display: flex;flex-wrap: wrap;justify-content: space-between; padding: 0.4rem 0.3rem 0.2rem;} .index-container03 .container03-list .list .list-bl .bl{ width: 100%; margin-bottom:0.2rem; position: relative;} .index-container03 .container03-list .list .list-bl a {width: 48%;} .index-container03 .container03-list .list .list-bl .bl .bl-bg img{width: 100%;height: 0.6rem;} .index-container03 .container03-list .list .list-bl .bl:hover .bl-bg img{opacity: 0;} .index-container03 .container03-list .list .list-bl .bl:hover .bl-bg{background: linear-gradient( 90deg, #388AFF 0%, #5984FF 100%);border-radius: .05rem;} .index-container03 .container03-list .list .list-bl .bl:hover .bl-txt{color: #FFF;} .index-container03 .container03-list .list .list-bl .bl .bl-txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;font-weight: 500;font-size: 0.16rem;color: #333333;} .index-container03 .container03-list .list .list-bl{display: flex;flex-wrap: wrap;justify-content: space-between; padding: 0.4rem 0.3rem 0.2rem;} .index-container03 .container03-list .list .list-br{display: flex;flex-wrap: wrap;justify-content: space-between; padding: 0.4rem 0.3rem 0.2rem;} .index-container03 .container03-list .list .list-br a{width: 100%;} .index-container03 .container03-list .list .list-br .br{ width: 100%; margin-bottom:0.2rem; position: relative;} .index-container03 .container03-list .list .list-br .br .br-bg img{width: 100%;height: 0.6rem;} .index-container03 .container03-list .list .list-br .br:hover .br-bg img{opacity: 0;} .index-container03 .container03-list .list .list-br .br:hover .br-bg{background: linear-gradient( 90deg, #388AFF 0%, #5984FF 100%);border-radius: .05rem;} .index-container03 .container03-list .list .list-br .br:hover .br-txt{color: #FFF;} .index-container03 .container03-list .list .list-br .br .br-txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;font-weight: 500;font-size: 0.16rem;color: #333333;} .index-container03 .container03-list .list .list-br{display: flex;flex-wrap: wrap;justify-content: space-between; padding: 0.4rem 0.3rem 0.2rem;} .index-container04{padding: 0.72rem 0 0.46rem;background: #FFF;background: url(../image/index-container04.jpg);background-repeat: no-repeat;} .index-container04 .centers{} .index-container04 .container04-tit{font-weight: bold;font-size: 0.24rem;color: #333333;text-align: center;} .index-container04 .container04-desc{margin-top: 0.16rem;font-size: 0.16rem;color: #999999;text-align: center;} .index-container04 .container04-img{margin-top: 0.3rem;} .index-container04 .container04-content{margin-top: .3rem; display: flex;justify-content: center;} .index-container04 .container04-content .content-bg{position: relative;} .index-container04 .container04-content .content-bg img{width: 8.46rem;height: 5.81rem;} .index-container04 .container04-content .content-c{position: absolute;top: 0;left: 0; width: 100%;height: 100%;} .index-container04 .container04-content .content-c .c{ cursor: pointer;width: 3.12rem;height: auto;padding: .1625rem;background: #FFF;display: flex;justify-content: space-between;box-shadow: 0px 5px 14.72px 1.28px rgba(163, 189, 230, 0.23);transition: all .6s;transform: scale(1);} .index-container04 .container04-content .content-c .c:hover{transform: scale(1.02);} .index-container04 .container04-content .content-c .c.c1{position: absolute;top: 0;left: 0;} .index-container04 .container04-content .content-c .c.c2{position: absolute;top: 2.25rem;left: -1.5rem;} .index-container04 .container04-content .content-c .c.c3{position: absolute;z-index: 4; top: 4rem;left: 1.7rem;} .index-container04 .container04-content .content-c .c.c4{position: absolute;top: .3rem;right:.2rem;} .index-container04 .container04-content .content-c .c.c5{position: absolute;top: 2rem;right:-1.4rem;} .index-container04 .container04-content .content-c .c.c6{position: absolute;z-index: 7; top: 4rem;right:-.4rem;} .index-container04 .container04-content .content-c .c .c-l{color: #4274fe;font-size: .28rem;font-family: DIN-Condensed;font-weight: bold;} .index-container04 .container04-content .content-c .c .c-txt{width: 2.3rem;} .index-container04 .container04-content .content-c .c .c-txt .txt-t{color: #515c72;font-size: .14rem;} .index-container04 .container04-content .content-c .c .c-txt .txt-b{margin-top: .06rem; color: #949aa7;font-size:.12rem;line-height: .18rem;} .index-container04 .container04-content .content-c .c .c-r {display: flex;align-items: center;justify-content: center;} .index-container04 .container04-content .content-c .c .c-r img{width: 0.11rem;height: auto;} .index-container04 .container04-content .content-c .fk img{width: 1.42rem;height: auto;} .index-container04 .container04-content .content-c .fk1{position: absolute;z-index: 3;top: 3.21rem;left: .56rem;} .index-container04 .container04-content .content-c .fk2{position: absolute;z-index: 5;bottom: 0;left: 3.6rem;} .index-container04 .container04-content .content-c .fk3{position: absolute;z-index: 6;bottom: 1.72rem;right: 0;} .index-container05{padding: 0.56rem 0 0.84rem; background: linear-gradient( 180deg, #FFFFFF 0%, #D4E5FA 100%);border-radius: 0rem 0rem 0rem 0rem;} .index-container05 .container05-tit{font-weight: bold;font-size: 0.24rem;color: #333333;text-align: center;} .index-container05 .container05-img{margin-top: 0.78rem;position: relative;} .index-container05 .container05-img .img-more{ position: absolute;right: 0;bottom: 0;} .index-container05-content{margin-top: .78rem;display: flex;justify-content: center;position: relative;} .index-container05-content .content-bg{position: relative;width: 12.8rem;height: 7.28rem; display: flex;justify-content: center;} .index-container05-content .content-bg img{width: 8.99rem;height: 5.77rem;} .index-container05-content .content-bg .content-c{width: 12.8rem;height: 7.28rem;margin: auto; position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .index-container05-content .content-bg .content-c .cPC{display: block;} .index-container05-content .content-bg .content-c .cApp{display: none;} .index-container05-content .content-bg .content-c .cpc{ display: flex;justify-content: space-between;} .index-container05-content .content-bg .content-c .cPC1{margin: 2.25rem auto 0;} .index-container05-content .content-bg .content-c .cPC2{margin: -1rem 1.9rem 0;} .index-container05-content .content-bg .content-c .cPC3{margin: -1rem auto 0;display: flex;justify-content: center;} .index-container05-content .content-bg .content-c .cPC4{margin: -1rem 3.35rem 0;} .index-container05-content .content-bg .content-c .ckuai{transition: all .6s;transform: scale(1); position: relative;width: 2.32rem;height: 2.01rem;} .index-container05-content .content-bg .content-c .ckuai:hover{transform: scale(1.03); } .index-container05-content .content-bg .content-c .ckuai .ckuai-img img{width: 2.32rem;height: 2.01rem;} .index-container05-content .content-bg .content-c .ckuai .ckuai-txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;} .index-container05-content .content-bg .content-c .ckuai .ckuai-txt .tit-t{ color: #f6faff;font-size: 0.16rem;font-weight: bold;text-align: center;} .index-container05-content .content-bg .content-c .ckuai .ckuai-txt .tit-b{margin-top: .1rem;color: #f6faff;font-size: 0.14rem;line-height:0.18rem;text-align: center;} .index-container05-content .content-bg .index-container05-more{position: absolute;right: 0;bottom: 0;} .index-container05-content .content-bg .index-container05-more img{width: .13rem;height: auto;} .index-container06{background: url(../image/index06-bg.png);padding:0.7rem 0;} .index-container06 .container06-tit{font-weight: bold;font-size: 0.24rem;color: #FFFFFF;text-align: center;} .index-container06 .container06-desc{margin-top: 0.16rem;text-align: center; font-size: 0.16rem;color: #FFFFFF;} .index-container06 .container06-list{margin-top: 0.4rem; display: flex;flex-wrap: wrap;justify-content: space-between;} .index-container06 .container06-list .list{cursor: pointer;margin-top: 2%; width: 32%;position: relative;transition:all .6s;transform:scale(1)} .index-container06 .container06-list .list:hover{transform:scale(1.03);box-shadow: 0.04rem 0.04rem 0.2rem 0rem rgba(0,0,0,0.3);} .index-container06 .container06-list .list .list-bg{display: flex;justify-content: center;} .index-container06 .container06-list .list .list-bg .img1{display:none;} .index-container06 .container06-list .list .list-bg .img2{display:block;} /*.index-container06 .container06-list .list:hover .list-bg .img1{display: none;}*/ /*.index-container06 .container06-list .list:hover .list-bg .img2{display: block;}*/ .index-container06 .container06-list .list .list-txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding:0 .15rem;} .index-container06 .container06-list .list .list-txt .txt-tit{font-size: 0.16rem;color: #3D4043;} .index-container06 .container06-list .list .list-txt .txt-desc{margin-top:0.08rem;font-size: 0.16rem;opacity: .3;color: #3D4043;} .index-container07{padding: 0.52rem 0 0.71rem; background: #DDE1ED;} .index-container07 .container07-tit{font-weight: bold;font-size: 0.24rem; color: #333333;text-align: center;} .index-container07 .container07-desc{margin-top: 0.16rem; font-size: 0.16rem;color: #999999;text-align: center;} .index-container07 .container07-c{margin-top: 0.4rem; display: flex;justify-content: space-between;} .index-container07 .container07-c .c-l{width: 5.9rem;width: 46%;height: 4.65rem;background: #FFFFFF;border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;} .index-container07 .container07-c .c-l .l-swiper{overflow: hidden;position: relative; --swiper-theme-color: #ff6600;/* 设置Swiper风格 */ --swiper-navigation-color: #4F6EF2;/* 单独设置按钮颜色 */ --swiper-navigation-size: .2rem;/* 设置按钮大小 */ } .swiper-button-next, .swiper-button-prev{width:.5rem;height:.5rem;background:#FFF;border-radius:50%;width:.5rem;height.5rem;display:flex;align-items:center; justify-content:center; font-weight: bold; } /*.swiper-button-next:after, .swiper-button-prev:after{border-right:50%;width:.5rem;height.5rem;display:flex;align-items:center; justify-content:center; }*/ .index-container07 .container07-c .c-l .l-swiper .swiper-slide{cursor: pointer;} .index-container07 .container07-c .c-l .l-swiper .swiper-slide .img img{width: 100%;height: 3.82rem;object-fit: cover;} .index-container07 .container07-c .c-l .l-swiper .swiper-slide .tit{width: 80%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 0.83rem;line-height: 0.83rem;padding: 0 0.28rem;border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;} .index-container07 .container07-c .c-l .l-swiper .swiper-pagination{position: absolute;bottom: 0.42rem;right: 0.31rem;z-index:2;display: flex;justify-content: right;padding-right: 0.31rem;} .index-container07 .container07-c .c-l .l-swiper .swiper-pagination-bullet{width: 0.04rem;height: 0.04rem;margin: 0 0.03rem; background: #DDE1ED;border-radius: 0;opacity: 1;} .index-container07 .container07-c .c-l .l-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 0.16rem;background: #1760D7;} .index-container07 .container07-c .c-r{width: 6.74rem;width: 52.6%;height: 4.65rem;background: #FFF;border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;padding: 0.4rem 0.32rem;display: flex;flex-direction: column;justify-content: space-between;} .index-container07 .container07-c .c-r .list{cursor: pointer;position: relative;} .index-container07 .container07-c .c-r .list .list-t{display: flex;} .index-container07 .container07-c .c-r .list .list-t .t-l div{margin-top: 0.07rem;width: 0.38rem;height: 0.18rem;line-height: .18rem;text-align: center;border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;border: 0.01rem solid #F36D00;font-weight: 400;font-size: 0.12rem;color: #F36D00;} .index-container07 .container07-c .c-r .list .list-t .t-c{margin-left: 0.2rem;padding-right: 0.11rem; border-right: 1px dashed #838A94;} .index-container07 .container07-c .c-r .list .list-t .t-c .c-t{ text-align: right; font-weight: 500;font-size: 0.4rem;color: #D1D5DD;line-height: 0.47rem;} .index-container07 .container07-c .c-r .list:hover .list-t .t-c .c-t{ color: #1760D7;} .index-container07 .container07-c .c-r .list .list-t .t-c .c-b{font-size: 0.14rem;color: #D1D5DD;line-height: 0.16rem;} .index-container07 .container07-c .c-r .list:hover .list-t .t-c .c-b{color: #1760D7;} .index-container07 .container07-c .c-r .list .list-t .t-r{margin-left: 0.2rem;display: flex;flex-direction: column;justify-content: center;overflow: hidden;} .index-container07 .container07-c .c-r .list .list-t .t-r .r-t{ont-size: 0.16rem;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index-container07 .container07-c .c-r .list .list-t:hover .t-r .r-t{color: #1760D7;} .index-container07 .container07-c .c-r .list .list-t .t-r .r-b{margin-top: 0.06rem; font-size: 0.14rem;color: #666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index-container07 .container07-c .c-r .list .list-x{position: absolute;bottom: -0.24rem;left: 0;width: 100%; border: 0.01rem solid #E3E5EB;} .index-container07 .container07-c .c-r .list:hover .list-x{border: 0.01rem solid #1760D7;} .index-container07 .container07-c .c-r .list:last-child .list-x{opacity: 0;} .index-container08{padding: 0.52rem 0 1.37rem;background: url(../image/index08-bg.png);} .index-container08 .container08-tit{font-weight: bold;font-size: 0.24rem;color: #333333;text-align: center;} .index-container08 .container08-desc{margin-top: 0.16rem; font-size: 0.16rem;color: #999999;text-align: center;} .index-container08 .container08-type{margin-top: 0.32rem;display: flex;justify-content: center;} .index-container08 .container08-type .type{cursor: pointer;margin-right: 0.16rem; width: 1.2rem;height: 0.36rem;line-height: 0.36rem;text-align: center;background: #DDE1ED;border-radius: 0.03rem;font-size: 0.14rem;color: #141619;position: relative;} .index-container08 .container08-type .type.cur,.index-container08 .container08-type .type:hover{background: #1760D7;color: #FFF;} .index-container08 .container08-type .type:before {content: "";position: absolute;border-left: transparent 4px solid; border-right: transparent 4px solid;border-top: #1760D7 6px solid;bottom: -6px;left: 50%;margin-left: -4px; opacity: 1; visibility: hidden;} .index-container08 .container08-type .type.cur:before ,.index-container08 .container08-type .type:hover:before {visibility: visible;} .index-container08 .container08-type .type:last-child{margin-right: 0;} .index-container08 .container08-list{margin-top: 0.32rem;display: none;flex-wrap: wrap;} .index-container08 .container08-list.cur{display: flex;} .index-container08 .container08-list .list{width:1.9rem;height:.9rem; cursor: pointer;margin-top: 0.2rem;margin-right: 0.08rem;margin-left:.08rem; position: relative;} /*.index-container08 .container08-list .list:nth-child(6n){margin-right: 0;}*/ .index-container08 .container08-list .list .list-img{width: 100%;height:100%;} .index-container08 .container08-list .list:hover .list-txt{display: flex;} .index-container08 .container08-list .list .list-txt{position: absolute;z-index: 2; top: 0;left: 0;width: 100%;height: 100%;display: none;justify-content: center;align-items: center;} .index-container08 .container08-list .list .list-txt .txt-bg {width: 100%;height: 100%;} .index-container08 .container08-list .list .list-txt .txt-tit{position: absolute;z-index: 3;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 0.16rem;color: #FFFFFF;} .index-container08 .container08-list a{width: 33.33%;} .index-container08 .container08-list .list1{width: 100%;padding: 0 12px;margin-top: 12px;border-radius: .1rem;} .index-container08 .container08-list .list1 .list1-t{position: relative;border-radius: 0;} .index-container08 .container08-list .list1 .list1-t .t-bg{overflow: hidden;border-radius: 0;} .index-container08 .container08-list .list1 .list1-t .t-bg img{width: 100%; height: 2.21rem;object-fit: cover; transition: all .5s; transform: scale(1);border-radius: .1rem .1rem 0 0;} .index-container08 .container08-list .list1:hover .list1-t .t-bg img{transform: scale(1.1);} .index-container08 .container08-list .list1 .list1-t .t-c{border-radius: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.2);} .index-container08 .container08-list .list1 .list1-t .t-c .c-play{transition: all .5s;width: 0.7rem;height: 0.7rem;display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,0);border-radius: 50%;} .index-container08 .container08-list .list1:hover .list1-t .t-c .c-play{background: rgba(0,0,0,0.4);} .index-container08 .container08-list .list1 .list1-t .t-c .c-play img{transition: all .5s;width: .3rem;height: auto;} .index-container08 .container08-list .list1:hover .list1-t .t-c .c-play img{width: 0.2rem;} .index-container08 .container08-list .list1 .list1-b{background: #FFF;padding: .36rem .32rem;border-radius:0 0 .1rem .1rem;border: 1px solid #ECF7E7;} .index-container08 .container08-list .list1 .list1-b .b-t{margin-bottom: 0.1rem; font-size: .18rem;display: inline-block;font-weight: bold;color: rgb(23, 96, 215); background: linear-gradient(to right, #5c9aff, #1760d7); -webkit-background-clip: text;-webkit-text-fill-color: transparent;} .index-container08 .container08-list .list1 .list1-b .b-t i {display: inline-block;width: 9px;height: 2px;background: #366eda;vertical-align: middle; margin-right: 5px;} .index-container08 .container08-list .list1 .list1-b .b-l{font-size: .2rem;color: #000;font-weight: bold;} @media screen and (min-width: 769px){ } @media screen and (max-width: 1720px){ } @media screen and (max-width: 1465px){ } /* @media screen and (max-width: 768px){ */ @media screen and (max-width: 1200px){ .index-banner .banner-swiper .swiper-pagination{bottom: .1rem;} .index-banner .banner-swiper .swiper-slide .banner-bg img{width: 100%;height: auto;min-height: 200px; object-fit: cover;} .index-banner .banner-swiper .swiper-slide .banner-l{padding-left: 0.4rem;} .index-banner .banner-swiper .swiper-slide .banner-l .l-tit-e{margin-top: 0.6rem; font-weight: 500;font-size: 0.40rem;color: #FFFFFF;line-height: 0.47rem;letter-spacing: 1px;} .index-banner .banner-swiper .swiper-slide .banner-l .l-tit{margin-top: 0.168rem;font-size: 0.28rem;line-height: 0.329rem;} .index-banner .banner-swiper .swiper-slide .banner-l .l-desc{margin-top: 0.112rem;font-size: 0.112rem;line-height: 0.133rem;} .index-banner .banner-swiper .swiper-slide .banner-l .l-btn{margin-top: 0.364rem;} .index-banner .banner-swiper .swiper-slide .banner-l .l-btn .btn-l{width: 0.84rem;height: 0.245rem; line-height: 0.245rem;border-radius: 0px 0.105rem 0px 0.105rem;font-size: 0.091rem;} .index-banner .banner-swiper .swiper-slide .banner-l .l-btn .btn-r{margin-left: 0.18rem;width: 0.84rem;height: 0.245rem; line-height: 0.245rem;border-radius: 0px 0.105rem 0px 0.105rem;font-size: 0.091rem;} .index-container01{margin-top: 20px; z-index: 1;} .index-container01 .container01{padding:0.2rem 0;position: relative;display: flex;flex-direction: column;} .index-container01 .container01 .list{padding:0 0.42rem 0 0.44rem; flex: 1;position: relative; border-right: none;} .index-container01 .container01 .list .list-t{margin-top: 15px; display: flex;flex-direction: column;} .index-container01 .container01 .list .list-t .t-l{justify-content: center;} .index-container01 .container01 .list .list-t .t-r{margin-left: 0;line-height: 34px; justify-content: center;} .index-container01 .container01 .list .list-b{margin-top: 0.07rem;text-align: center; font-size: 0.12rem;color: #747A7F;line-height: 0.18rem;} .index-container02{margin-top: 20px;} .index-container02 .container02 .container02-list{margin-top: 0;flex-direction: column;} .index-container02 .container02 .container02-list .list{margin-right: 0;margin-top: 0.7rem;} .index-container02 .container02 .container02-img{margin:20px 0;} .index-container03{padding: 20px 0;} .index-container03 .container03-img{margin-top: 0.2rem;} .index-container03 .container03-list{ margin-top: 0; display: block;} .index-container03 .container03-list .list{margin-top: 20px;} .index-container04 .container04-content{margin-top: 20px; display: flex;justify-content: center;} .index-container04 .container04-content .content-bg{position: relative;} .index-container04 .container04-content .content-bg img{width: 100%;height: auto;} .index-container04 .container04-content .content-c{position: relative;top: 0;left: 0; width: 100%;height: auto;} .index-container04 .container04-content .content-c .c{margin-top: 10px;width: 100%;height: auto;padding: 15px;} .index-container04 .container04-content .content-c .c.c1{position: relative;top: 0;left: 0;} .index-container04 .container04-content .content-c .c.c2{position: relative;top: 0;left: 0;} .index-container04 .container04-content .content-c .c.c3{position: relative;z-index: 1; top: 0;left:0;} .index-container04 .container04-content .content-c .c.c4{position: relative;top: 0;right:0;} .index-container04 .container04-content .content-c .c.c5{position: relative;top: 0;right:0;} .index-container04 .container04-content .content-c .c.c6{position: relative;z-index: 1; top: 0;right:0;} .index-container04 .container04-content .content-c .c .c-txt{width: 80%;} .index-container04 .container04-content .content-c .c .c-r img{width: 0.11rem;height: auto;} .index-container04 .container04-content .content-c .fk {display: none;} .index-container05 .container05-img .img-more{position: absolute;right: 0;bottom: -0.6rem;} .index-container05{padding:20px 0;} .index-container05-content{margin-top: 20px;display: block;} .index-container05-content .content-bg{position: relative;width: 100%;height: auto; display: block;justify-content: center;} .index-container05-content .content-bg img{width: 100%;height: auto;} .index-container05-content .content-bg .content-c{margin-top: -.5rem; width: 100%;height: auto;position: relative;} .index-container05-content .content-bg .content-c .cPC{display: none;} .index-container05-content .content-bg .content-c .cApp{display: flex;flex-wrap: wrap;justify-content: center;} .index-container05-content .content-bg .content-c .cApp .capp{transition: all .6s;transform: scale(1); margin: .1rem .05rem 0; position: relative;} .index-container05-content .content-bg .content-c .cApp .capp:hover{transform: scale(1.03);} .index-container05-content .content-bg .content-c .cApp .capp .capp-img img{width: 1.7rem;height: auto;} .index-container05-content .content-bg .content-c .cApp .capp .capp-txt{color: #f6faff;font-size: 0.16rem;font-weight: bold;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} .index-container06 .container06-list{margin-top: 0;} .index-container06 .container06-list .list{margin-top: 20px; width: 100%;} .index-container06 .container06-list .list .list-txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;} .index-container06 .container06-list .list .list-txt .txt-tit{font-size: 16px;} .index-container06 .container06-list .list .list-txt .txt-desc{font-size: 16px;} .index-container07 .container07-c{display: block;} .index-container07 .container07-c .c-l{width: 100%;} .index-container07 .container07-c .c-r{width: 100%;} .index-container08 .container08-list{justify-content: space-between; } .index-container08 .container08-list .list{margin-right: 0rem;width: 48%;} .index-container08 .container08-list .list:nth-child(6n){margin-right: 0;} .index-container08 .container08-list .list .list-img{width: 100%;height:100%;} .index-container08 .container08-list .list:hover .list-txt{display: flex;} .index-container08 .container08-list .list .list-txt{position: absolute;z-index: 2; top: 0;left: 0;width: 100%;height: 100%;display: none;justify-content: center;align-items: center;} .index-container08 .container08-list .list .list-txt .txt-bg {width: 100%;height: 100%;} .index-container08 .container08-list .list .list-txt .txt-tit{position: absolute;z-index: 3;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 0.16rem;color: #FFFFFF;} .index-container08 .container08-list a{width: 100%;} }