.banner{position: relative;overflow: hidden;height:84vh;/*padding-bottom: 44.8%;*/position: relative;overflow: hidden;} .banner .swiper-container{position: fixed;top: 0;left: 0;z-index: 0;height: auto;} .banner .swiper-slide a{display: block;width: 100%;height:84vh;background-position:top center;background-repeat:no-repeat;background-size:100% 100%;} .banner .swiper-slide img{display: block;width: 100%;height:84vh} .banner .swiper-pagination{bottom: 0.2rem;width: 100%;} .banner .swiper-pagination-bullet{transition: 0.3s all;width: 0.12rem;height: 0.12rem;border-radius: 0.06rem;opacity: 1 !important;} .banner .swiper-pagination-bullet-active{background: #8c2da6;width: 0.3rem;} .part{width: 100%;position: relative; z-index: 1;} .t_box img{height: 0.28rem;} .title a{display: inline-block;font-size: 0.14rem; color: #d8a15a;line-height: 0.3rem;padding-right: 0.28rem; background: url(../img/more.png) no-repeat right; background-size:20%;} .t_box,.t_box1{margin: 0 0 .2rem;align-items: end;} .t_box h3{ font-size: .3rem; font-family: 'myfont'; color: #333333;} .t_box h4{position: relative;margin: .03rem 0 0;} .t_box h4::before{ content: ""; position: absolute; left: 0; width: .56rem; height: .04rem; background: #931a6a; top: 50%; transform: translateY(-50%);} .t_box h4 span{transform: translateX(0.7rem);display: block;font-size: .18rem;font-family: 'times';text-transform: uppercase;color: #d8a15a;text-align:left;} .parta{width: 100%;padding: 0.2rem 0 0.4rem; background:#fff url(../img/bg1.png) center top no-repeat; background-size:cover;} .pa-left{width: calc( 34% - 0.2rem );} .pa-right{width: calc( 66% - 0.2rem );} .pa-right .title .tit .t_box{width: 1.2rem;text-align: center;} .list2 li{ position: relative;} .list2 .a{height: 0.92rem;align-items: center;transition: .5s;padding: 0 .15rem;position: relative;z-index: 1;} .list2 .a:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; transition: .5s; background: #dddddd} .list2 .a:after{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 2px;transition: .5s;background: #dddddd;background: linear-gradient(135deg, #7e12ac 0%, #2c06a0 100%);} .list2 .time{width: 1.2rem;text-align: center;position: relative;z-index: 1;padding: 0 .2rem 0 0;} .list2 .time h3{font-size: .24rem;color: #7927BC;font-family: 'myfont';font-weight: normal;} .list2 .time h6{font-size: .16rem;color: #999999;font-family: 'myfont';font-weight: normal;} .list2 .txt{ flex: 1; overflow: hidden;} .list2 a.a h4{color:#333;font-weight:normal;line-height:0.3rem;font-size: .16rem;} .list2 p{ margin: .12rem 0 0} .list2 li:hover{ z-index: 1;} .list2 .a:hover{ box-shadow: 0px .14rem .4rem 0px rgba(168, 168, 168, 0.56);} .list2 .a:hover:after{ width: 100%} .list3{ margin: 0 -.18rem;width:100%} .list3 li{ width: calc( 100% / 3 ); padding: 0 .18rem;} .list3 .a{display: flex;flex-direction: column;justify-content: center;height: 1.84rem;position: relative; z-index: 1; transition: .5s} .list3 h4{ min-height: .9rem} .list3 .a .line1{ position: absolute; top: -1px; left: -1px;} .list3 .a .line1::before{ content: ""; position: absolute; width: 0; height: .03rem; background: #e6bd79; transition: .5s;} .list3 .a .line1::after{ content: ""; position: absolute; width: .03rem; height: 0; background: #e6bd79; transition: .5s;} .list3 .a .line2{position: absolute;bottom: -1px;right: -1px;} .list3 .time{border-bottom: #e2e6ee 1px solid;padding: 0 0 .16rem;font-size: .14rem;color: #999999;font-family: 'myfont';margin: 0;position: relative;z-index: 1; margin: 0 0 .2rem} .list3 .time:after{ content: ""; position: absolute; left: 0; bottom: 0; width: .36rem; height: .03rem; background: #862eaf; bottom: -.02rem} .list3 .time big{ font-size: .24rem; color: #931a6a; font-family: 'myfont'; font-weight: normal; width: .46rem; display: inline-block} .h4s3{font-size: .16rem;color: #333;line-height: .3rem;max-height: .9rem\0;width: 100%;font-weight:normal; -webkit-transition: all 0.5s;transition: all 0.5s;} .stu_box{width: 100%; padding-top:0.2rem;} .stu_box ul li a{display: block;width: 100%;height: 0;padding-bottom:50%;overflow: hidden;position: relative;} .stu_box ul li .image{transition: 0.2s all;} .stu_box ul li:hover .image{transform: scale(1.1,1.1);} .stu_box ul li .stu_txt{width: 100%;padding: 0.1rem 0.2rem;height:0.5rem;position: absolute;left: 0;bottom: 0;} .stu_box ul li .stu_txt p{font-size: 0.14rem;color: #ffffff;line-height: 0.5rem;text-align: center;width: 100%;} .stu_box ul li .stu-txt :first-of-type { background: #e8c456 ; } .stu_box ul li .stu-txt:nth-of-type(2){ background: #64d89b; } .stu_box ul li:nth-of-type(3) .stu-txt { background: #8e64e2; } .stu_box ul li:last-of-type .stu-txt { background: #54a4d7; } .homef {padding: .4rem 0 0.4rem;font-family:myfont;background: url(../images/fbg.png) no-repeat top center;background-size: 100% auto} .homef .slide-fp{background: url(../img/bottomline.png) no-repeat center 65%;background-size: 100% auto;} .homef .slide-f{height: 3.6rem;padding-top: .15rem;max-width: 17rem;margin-left: auto;margin-right: auto;} .homef .slide-f .item{margin: 0 auto;width: 2.11rem} .homef .slide-f .item .num{color: #931a6a;text-align: center;margin-top: -.1rem} .homef .slide-f .item .num span{font-size: .3rem;margin-right: .05rem} .homef .slide-f .item .ico{width: 2.11rem;height: 1.99rem;background: url(../img/cirbg.png) no-repeat center;background-size: 100% 100%;display: flex;justify-content: center;flex-direction: column;align-items: center;} .homef .slide-f .item .ico img{height: .65rem;width: .65rem} .homef .slide-f .item .ico p{font-size: .2rem;color: #931a6a;margin-top: .1rem;padding: 0 .35rem;text-align: center;width: 100%;} .homef .swiBtnp{margin-top: -.2rem;position: relative;z-index: 4;background: url(../images/line3.png) no-repeat center;background-size: 2.61rem auto} .homef .swiBtnp a{width: .46rem;height: .46rem;border-radius: 50%;text-align: center;line-height: .46rem;background: #931a6a;margin: 0 .1rem;color: #fff;font-size: .2rem;transition: .3s;position: relative;} .homef .swiBtnp a .cirs{opacity: 0;visibility: hidden;} .homef .swiBtnp a .cirs span{width:100%;height:100%;border:1px solid rgba(255, 153, 51, 0.75);position:absolute;top:50%;left:50%;transform:translate(-50% ,-50%);border-radius:50%;opacity:0;background: rgba(255, 153, 51, 0.1)} .homef .swiBtnp a .cirs span:nth-child(1){animation:sbw 1.6s linear infinite} .homef .swiBtnp a .cirs span:nth-child(2){animation:sbw 1.6s linear infinite;animation-delay:.4s} .homef .swiBtnp a .cirs span:nth-child(3){animation:sbw 1.6s linear infinite;animation-delay:.8s} .homef .swiBtnp a .cirs span:nth-child(4){animation:sbw 1.6s linear infinite;animation-delay:1.2s} .homef .swiBtnp a:hover,.homec .swiTool a:hover{background: #CF3B59} .homef .swiBtnp a:hover .cirs{opacity: 1;visibility:visible;} .news-scroll{width: 100%;margin-bottom: 0.3rem;} .news-scroll .swiper-slide a{width: 100%;height: 4.62rem;position: relative;overflow: hidden;display: block;} .news-scroll .swiper-slide .image{transition: 0.2s all;} .news-scroll .swiper-slide .news-txt{width: 100%;position: absolute;left:0;bottom: 0;padding-bottom: 0.15rem;} .news-scroll .swiper-slide .news-txt::after{content: "";width: 100%;height: 1.2rem;background-image: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 98%);position: absolute;left: 0;bottom: 0;display: block;} .news-scroll .swiper-slide .news-txt p{line-height: 0.3rem;color: #ffffff;padding: 0 1.2rem 0 0.25rem;width: 100%;position: relative;z-index: 1;} .news-scroll .swiper-pagination{bottom:0.3rem;right:0.2rem;height: 0.1rem;} .news-scroll .swiper-pagination-bullet{width: 0.08rem;height: 0.08rem;border-radius: 0.04rem;background: #ccdafb;opacity: 1;transition: 0.2s all;} .news-scroll .swiper-pagination-bullet-active{background: #a08059;width:0.16rem;} .news-list{width: 100%;} .news-list ul li{width: calc( ( 100% - 0.6rem ) / 3 );background: #f1f1f1;transition: 0.2s all;} .news-list ul li a{display: block;width: 100%;padding: 0.2rem 0.3rem;} .news-list ul li span{font-size: 0.14rem;color: #999999;line-height: 0.2rem;display: inline-block;padding-left: 0.24rem;background-image: url(../img/time.svg);background-repeat: no-repeat;background-position: left center;background-size: auto 0.16rem;font-family: Arial;transition: 0.2s all;} .news-list ul li h3{font-size: 0.16rem;color: #434343;line-height: 0.3rem;height: 0.6rem;font-weight: normal;transition: 0.2s all;margin-bottom: 0.12rem;} .news-list ul li:hover{background: #a08059;} .news-list ul li:hover h3{color: #ffffff;} .news-list ul li:hover span{color: rgba(255,255,255,0.6);background-image: url(../img/time_hover.svg);} .news-list ul li:hover a::after{opacity: 0;} .partb { width: 100%; position: relative; padding: 0.3rem 0 0.92rem 0; background:#fff url(../img/bg2.png) center top no-repeat; background-size: 100% 100%; } .partb .w90 { position: relative; z-index: 2; } .partb::before { content: ""; width: 100%; height: 100%; background: url(../img/partb_bg1.jpg) no-repeat center top; background-size: 100%; position: absolute; right: 0.4rem; top: 0; z-index: 1; } .partb::after { content: ""; width: 44%; height: 100%; background: url(../img/partb_bg2.png) no-repeat right top; background-size: cover; position: absolute; right: 0; top: -0.4rem; z-index: 0; } .pb-left,.pb-center { width: calc((60% - 0.4rem) / 2); } .pb-right { width: calc((100% - 0.6rem) / 3); padding-left:0.5rem; } .partb .title .t_box h3 { font-size: 0.3rem; line-height: 1; color: #333; font-family: myfont; } .partb .title .t_box1 h3 { font-size: 0.3rem; line-height: 1; color: #ffffff; font-family: myfont; } .partb1 .title .t_box h3 { font-size: 0.3rem; line-height: 1; color: #333; font-family: myfont; } .partb .title .t_box h4::before,.partb1 .title .t_box h4::before,.partb .titl,e .t_box1 h4::before{ content: ""; position: absolute; left: 0; width: .56rem; height: .04rem; background: #931a6a; top: 50%; margin-top:0.1rem; transform: translateY(-50%);} .partb .title .tit .en { opacity: 0.2; } .partb .title a i { } .pb-list ul li { width: 100%; border-bottom: 1px solid #C6C6C6; } .pb-list1 ul li { width: 100%; border-bottom: 1px solid #fff; } .pb-list ul li a,.pb-list1 ul li a { padding: 0.17rem 0.1rem; transition: 0.2s all; } .pb-list ul li p { font-size: 0.16rem; color: #333; line-height: 0.24rem; max-width: calc(100% - 0.2rem); } .pb-list1 ul li p { font-size: 0.16rem; color: #fff; line-height: 0.24rem; max-width: calc(100% - 0.2rem); } .pb-list ul li span { font-size: 0.16rem; color: #A7A7A7; line-height: 0.24rem; flex-shrink: 0; } .ky-head { width: 100%; } .ky-head .head_img { width: 2rem; height: 1.18rem; position: relative; overflow: hidden; } .ky-head .head_img a { display: block; transition: 0.2s all; } .ky-head .head_txt { width: calc( 100% - 2rem ); padding-left: 0.2rem; display: flex; flex-direction: column; justify-content: space-between; } .ky-head .head_txt>a { font-size: 0.16rem; width: 100%; line-height: 0.3rem; color: #fff; height: 0.6rem; display: block\0; } .ky-head .head_txt .time { width: 100%; } .ky-head .head_txt .time span { font-size: 0.2rem; color: #0056c5; line-height: 0.24rem; flex-shrink: 0; margin-left: 0.2rem; } .ky-head .head_txt .time::before { content: ""; width: 100%; height: 1px; display: block; background: #dcc55a; position: relative; max-width: calc(100% - 0.7rem); } .ky-head .head_txt .flex-right a { display: block; width: 1.8rem; height: 0.35rem; background: #dcc55a; line-height: 0.35rem; color: #fff; text-align: center; font-size: 0.14rem; } .ky-head:hover .head_img a { transform: scale(1.1,1.1); } .ky-head:hover .head_txt>a { color: #fff; } .tx-list ul li .head-img { width: 100%; height: 2.12rem; position: relative; overflow: hidden; margin-top:.3rem; } .tx-list ul li .head-img a { transition: 0.2s all; display: block; } .tx-list ul li:hover .head-img a { transform: scale(1.1,1.1); } .tx-list ul li .head-txt { width: 100%; position: relative; padding: 0.2rem; } .tx-list ul li .head-txt h3 { font-size: 0.16rem; color: #fff; line-height: 0.3rem; width: 100%; font-weight: normal; margin-bottom: 0.15rem; } .tx-list ul li .head-txt h3 a { color: #fff; } .tx-list ul li .head-txt p { font-size: 0.14rem; color: #999999; line-height: 0.26rem; height: 0.78rem; margin-bottom: 0.15rem; } .tx-list ul li .head-txt span { line-height: 0.24rem; font-size: 0.16rem; color: #E8D05C; font-family: myfont; display: block; text-align:right; } .tx-list ul li .head-txt span::after{ content: ""; width:.5rem; height: 0.02rem; display: block; background: #E8D05C; position: relative; margin-top:-.11rem; margin-left:1.2rem;} .tx-list ul li:hover .head-txt h3,.tx-list ul li:hover .head-txt h3 a { color: #fff; } .zt-list { width: 100%; overflow: hidden; } .zt-list ul { margin-left: -0.08rem; margin-right: -0.08rem; } .zt-list ul li { width: 50%; padding: 0 0.08rem; } .zt-list ul li:nth-child(n+3) { margin-top: 0.2rem; } .zt-list ul li a { width: 100%; height: 1.72rem; border-radius: 0.16rem; background-repeat: no-repeat; background-size: cover; background-position: right top; } .zt-list ul li:first-of-type a { background-image: url(../img/zt1.jpg); } .zt-list ul li:nth-of-type(2) a { background-image: url(../img/zt2.jpg); } .zt-list ul li:nth-of-type(3) a { background-image: url(../img/zt3.jpg); } .zt-list ul li:nth-of-type(4) a { background-image: url(../img/zt4.jpg); } .zt-list ul li:nth-of-type(5) a { background-image: url(../img/zt5.jpg); } .zt-list ul li:nth-of-type(6) a { background-image: url(../img/zt6.jpg); } .zt-list ul li .icon { width: 0.56rem; height: 0.56rem; border-radius: 100%; border: 1px solid rgba(255,255,255,.54); background: rgba(255,255,255,.2); margin: 0 auto 0.1rem; display: flex; justify-content: center; align-items: center; } .zt-list ul li .icon img { height: 0.28rem; transition: 0.3s all; } .zt-list ul li:hover .icon img { transform: rotateY(360deg); } .zt-list ul li p { font-size: 0.2rem; color: #ffffff; text-align: center; font-family: myfont; line-height: 0.3rem; } .partb1 { width: 100%; position: relative; padding: 0.4rem 0; } .partb1 .w90 { position: relative; z-index: 2; } .partb1::before { content: ""; width: 100%; height: 100%; background: url(../img/partb_bg1.jpg) no-repeat center top; background-size: cover; position: absolute; right: 0.4rem; top: 0; z-index: 1; } .partb1::after { content: ""; width: 44%; height: 100%; background: url(../img/partb_bg2.png) no-repeat right top; background-size: cover; position: absolute; right: 0; top: -0.4rem; z-index: 0; } .pb-left1,.pb-right1 { width: calc((100% - 0.6rem) / 2); } .partb1 .title h3 { font-size: 0.3rem; line-height: 1; color: #ffffff; font-family: myfont; } .partb1 .title .tit .en { opacity: 0.2; } .partbmain{ width: 100%; position: relative; background:#fff url(../img/bg3.png) center top no-repeat; overflow:hidden; } .partb2 { width: 100%; position: relative; padding:0.3rem 0; } .partb2 .w90 { position: relative; z-index: 2; } .partb2::before { content: ""; width: 100%; height: 100%; background: url(../img/partb_bg1.jpg) no-repeat center top; background-size: cover; position: absolute; right: 0.4rem; top: 0; z-index: 1; } .partb2::after { content: ""; width: 44%; height: 100%; background: url(../img/partb_bg2.png) no-repeat right top; background-size: cover; position: absolute; right: 0; top: -0.4rem; z-index: 0; } .partb2 .pb-left,.partb2 .pb-center,.partb2 .pb-right { width: calc((100% - 0.6rem) / 3); } .partb2 .pb-left,.partb2 .pb-center {border-radius:0.08rem; background-image:linear-gradient(70deg, #A867DB, #350897); padding:0.3rem;} .partb2 .title h3 { font-size: 0.3rem; line-height: 1; color: #ffffff; font-family: myfont; } .partb2 .title .tit .en { opacity: 0.2; } .partb2 .title a { background: #3785c7; } .partb2 .title .t_box2 h3 { font-size: 0.3rem; line-height: 1; color: #fff; font-family: myfont; } .partb2 .title .t_box2 h4::before{ content: ""; position: absolute; left: 0; width: .56rem; height: .04rem; background: #fff; top: 50%; margin-top:0.1rem; transform: translateY(-50%);} .partb2 .title .t_box2 h4{position: relative;margin: .03rem 0 0;} .partb2 .title a{display: inline-block;font-size: 0.14rem; color: #d8a15a;line-height: 0.3rem;padding-right: 0.28rem; background: url(../img/more.png) no-repeat right; background-size:20%;} .partc2{width: 100%;padding: 0.35rem 0 0.4rem;} .partc2 .title .tit h3{background-image: url(../img/title6.svg);} .stu_box{width: 100%;} .stu_box ul li a{display: block;width: 100%;height: 0;padding-bottom:70%;overflow: hidden;position: relative;} .stu_box ul li .image{transition: 0.2s all;} .stu_box ul li:hover .image{transform: scale(1.1,1.1);} .stu_box ul li .stu_txt{width: 100%;padding: 0.1rem 0.2rem;background: #d2c462;position: absolute;left: 0;bottom: 0;} .stu_box ul li .stu_txt p{font-size: 0.18rem;font-weight:bold; color: #ffffff;line-height: 0.3rem;text-align: center;width: 100%;} .stu_box ul li:first-of-type .stu_txt{ background: linear-gradient(90deg, #76aafd 0%, #68a1fd 100% ); } .stu_box ul li:nth-of-type(2) .stu_txt { background-image:linear-gradient(90deg, #f16d48 0%, #ef4740 100%); } .stu_box ul li:nth-of-type(3) .stu_txt { background-image:linear-gradient(90deg, #f0af47 0%, #f08f42 100%); } .stu_box ul li:last-of-type .stu_txt { background-image:linear-gradient(90deg, #8b76fd 0%, #7e69fc 100%); } .stu_box ul li:first-of-type .stu_txt p{background:url(../img/wh.svg) no-repeat 0.5rem center; background-size:0.25rem; } .stu_box ul li:nth-of-type(2) .stu_txt p {background:url(../img/xysh.svg) no-repeat 0.5rem center; background-size:0.25rem; } .stu_box ul li:nth-of-type(3) .stu_txt p {background:url(../img/zyfw.svg) no-repeat 0.5rem center; background-size:0.25rem; } .stu_box ul li:last-of-type .stu_txt p {background:url(../img/shsj.svg) no-repeat 0.5rem center; background-size:0.25rem; } .jy-list{width: 100%;} .jy-list ul{margin-left: -0.2rem;margin-right: -0.2rem;} .jy-list ul li{width: 33.33333%;padding: 0 0.2rem;} .jy-list ul li:nth-child(n+4){margin-top: 0.3rem;} .jy-list ul li a{background: #ffffff;padding: 0.16rem;box-shadow:0 0 0.2rem 0 rgba(0,0,0,0.2);} .jy-list ul li .time{width: 0.74rem;height: 0.68rem;background: #a08059;margin-right: 0.2rem;padding: 0.1rem;} .jy-list ul li .time .time_box{position: relative;width: 100%;height: 100%;} .jy-list ul li .time .time_box::after{content: "";width: 0.62rem;height: 1px;display: block;background: #ffffff;position: absolute;left: -0.04rem;top: 44%;transform: rotate(-30deg);} .jy-list ul li .time span{display: block;color: #ffffff;font-family: Arial;position: absolute;line-height: 1;} .jy-list ul li .time span.sp1{font-size: 0.24rem;left: 0;top:0;} .jy-list ul li .time span.sp2{font-size: 0.12rem;right: 0;bottom: 0;} .jy-list ul li p{width: calc( 100% - 0.94rem );font-size: 0.16rem;color: #434343;line-height: 0.3rem;max-height: 0.6rem;transition: 0.2s all;} .jy-list ul li:hover p{color: #2b51ac;} .pb2-left,.pb2-right{width:calc(50% - 0.2rem);} .pb2-left{box-shadow:0 0 0.2rem 0 rgba(0,0,0,0.2);} .pb2-left ul li .aca-image{width: 100%;height: 4rem;position: relative;overflow: hidden;} .pb2-left ul li .aca-image a{display: block;transition: 0.2s all;} .pb2-left ul li .pb2-txt{width:100%;background:#f1f1f1;padding:0.25rem 0.3rem;} .pb2-left ul li .pb2-txt a{font-size:0.18rem;color:#333333;line-height:0.3rem;margin-bottom:0.1rem;} .pb2-left ul li:hover .pb2-txt a{color: #2b51ac;} .pb2-left ul li .pb2-txt p{font-size:0.14rem;color:#333333;line-height:0.28rem;height:0.56rem;display:block\0;width:100%;margin-bottom:0.15rem;} .pb2-left ul li .pb2-txt span{font-size: 0.14rem;color: #999999;line-height: 0.2rem;display: inline-block;padding-left: 0.24rem;background-image: url(../img/time.svg);background-repeat: no-repeat;background-position: left center;background-size: auto 0.16rem;font-family: Arial;transition: 0.2s all;} .pb2-right ul li{width: 100%;background: #ffffff;box-shadow:0 0 0.2rem 0 rgba(0,0,0,0.2);} .pb2-right ul li:nth-child(n+2){margin-top:0.2rem;} .pb2-right ul li a{padding: 0.17rem 0.2rem;} .pb2-right ul li .time{width: 0.66rem;height: 0.66rem;background: #ebf4ff;border-radius: 100%;border: dashed 1px #829bd8;margin-right: 0.2rem;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: 0.2s all;} .pb2-right ul li .time span{display: block;color: #2b51ac;text-align: center;font-family: Arial;line-height: 1;transition: 0.2s all;} .pb2-right ul li .time span.sp1{font-weight: bold;font-size: 0.16rem;margin-bottom: 0.06rem;} .pb2-right ul li .time span.sp2{font-size: 0.14rem;} .pb2-right ul li p{width: calc( 100% - 0.86rem );font-size: 0.16rem;color: #434343;line-height: 0.3rem;max-height: 0.6rem;transition: 0.2s all;} .pb2-right ul li:hover .time{background: #a08059;border: 1px dashed #996e3a;} .pb2-right ul li:hover .time span{color: #ffffff;} .pb2-right ul li:hover p{color: #2b51ac;} .partb3 .title a{position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .rep-list ul li{padding-top: 0.02rem;position: relative;} .rep-list ul li::before{content: "";width: 90%;height: 0.09rem;display: block;background: url(../img/dec.png) no-repeat left top;background-size: 100% 100%;position: absolute;left: 5%;top: 0;} .rep-list ul li a{display: block;padding: 0.25rem 0.2rem 0.2rem;border: 1px solid #2b51ac;} .rep-list ul li span{font-size: 0.14rem;color: #2b51ac;display: block;text-align: center;line-height: 1;margin-bottom: 0.12rem;} .rep-list ul li p{width: 100%;font-size: 0.16rem;color: #434343;line-height: 0.3rem;height: 0.6rem;transition: 0.2s all;} .rep-list ul li .in{width: 100%;margin-top: 0.1rem;} .rep-list ul li .in i{display: block;width: 0.2rem;height: 0.2rem;background: url(../img/in.svg) no-repeat right center;background-size: auto 100%;} .rep-list ul li:hover p{color: #2b51ac;} .partc{width: 100%;background: url(../img/partc_bg.jpg) no-repeat center top;background-size: cover;} .partc1{width: 100%;padding: 0.3rem 0 0.5rem;border-bottom: 1px solid rgba(255,255,255,0.3);} .partc1 .title{margin-bottom: 0.7rem;} .partc1 .title .tit{background-image: url(../img/title_bg2.png);} .partc1 .title .tit .t_box{width: 1.2rem;text-align: center;} .partc1 .title .tit .t_box h3{color: #ffffff;} .partc1 .title .tit .t_box h3::after{background: #f5b17e;} .data-list{width: 100%;position: relative;padding-bottom: 0.8rem;} .data-list ul li a{display: block;} .data-list ul li .data{text-align: center;font-size: 0.16rem;color: #ffffff;margin-bottom: 0.1rem;line-height: 1;white-space: nowrap;} .data-list ul li .data span{font-family:datafont;font-size:0.4rem;margin-right: 0.05rem;} .data-list ul li p{font-size: 0.18rem;color: #ffffff;text-align: center;} .data-list .swiper-pagination{bottom: 0;width: 100%;left: 0;z-index: 4;} .data-list .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;border-radius: 0.06rem;background: #ccdafb;opacity: 1;transition: 0.2s all;margin: 0 0.08rem;} .data-list .swiper-pagination-bullet-active{background: #a08059;width:0.22rem;} .partc2{width: 100%;padding: 0.4rem 0 0.55rem;} .partc2 .xndh{margin-bottom:0.1rem;} .partc2 .qh-title{width: 1.38rem;} .partc2 .qh-title ul li{width: 100%;text-align: center;position: relative;margin-bottom: 0.3rem;padding-bottom: 0.04rem;} .partc2 .qh-title ul li:last-of-type{margin-bottom: 0;} .partc2 .qh-title ul li::after{content: "";width: 100%;height: 0.12rem;background: #a08059;position: absolute;left: 0;bottom: 0;z-index: 0;opacity: 0;} .partc2 .qh-title ul li h3{font-size: 0.24rem;color: rgba(255,255,255,0.6);position: relative;z-index: 1;} .partc2 .qh-title ul li.on h3{color: #ffffff;} .partc2 .qh-title ul li.on::after{opacity: 1;} .partc2 .qh-box{width: calc( 100% - 1.38rem );padding-left: 0.2rem;} .partc2 .qh-box ul.swiper-slide{opacity: 0 !important;visibility: hidden;} .partc2 .qh-box ul.swiper-slide-active{opacity: 1 !important;visibility: inherit;} .partc2 .qh-box ul li{margin: 0 0.15rem 0.25rem;} .partc2 .qh-box ul li a{display: block;height: 0.4rem;background: rgba(255,255,255,0.1);padding: 0 0.2rem;line-height: 0.38rem;border: 1px solid rgba(255,255,255,0.22);font-size: 0.16rem;color: #ffffff;transition: 0.2s all;} .partc2 .qh-box ul li:hover a{background: #ffffff;color: #2b51ac;} .r_nav{position: fixed;right: -100%;top: 50%;transform: translateY(-50%);z-index: 4;width: 1.16rem;transition: 1s all;} .r_nav.show{right: 0;} .r_nav_list{width: 1.16rem;border: 1px solid #2b51ac;position: absolute;background: #f1f1f1;padding: 0.1rem 0 0.15rem;top: 50%;transform: translateY(-50%);right: -100%;height:2.6rem;} .r_nav_list::before{content: "";width: 90%;height: 0.04rem;background: url(../img/dec.png) no-repeat left top;background-size: 100% 100%;position: absolute;left: 5%;top: -0.02rem;} .r_nav_list ul li{width: 100%;border-bottom: 1px solid #e4e4e4;} .r_nav_list ul li a{display: block;width: 100%;text-align: center;line-height: 0.3rem;font-size: 0.14rem;color: #434343;padding: 0.08rem 0;} .r_nav_list ul li:hover a,.r_nav_list ul li a.on{background: #a08059;color: #ffffff;} .r_nav_list .recover{width: 0.24rem;height: 0.24rem;border-radius: 100%;border: 1px solid #2b51ac;margin: 0.15rem auto 0;background-image: url(../img/right-blue.svg);background-position: center center;background-size: auto 0.12rem;background-repeat: no-repeat;transition: 0.2s all;cursor: pointer;} .r_nav_list .recover:hover{background-color: #2b51ac;background-image: url(../img/right.svg);} .r_nav_start{width: 0.5rem;padding: 0.3rem 0;background: #f1f1f1;border: 1px solid #2b51ac;margin-left:0.66rem;position: relative;height:2rem;} .r_nav_start::before{content: "";width: 94%;height: 0.04rem;background: url(../img/dec.png) no-repeat left top;background-size: 100% 100%;position: absolute;left: 3%;top: -0.02rem;} .r_nav_start h3{font-size: 0.2rem;color: #2b51ac;writing-mode: vertical-lr;writing-mode: tb-lr;line-height: 0.48rem;letter-spacing: 0.06rem;height:1.04rem\0;letter-spacing: 0.04rem\0;} .r_nav_start .eject{width: 0.24rem;height: 0.24rem;border-radius: 100%;border: 1px solid #2b51ac;margin: 0.1rem auto 0;background-image: url(../img/left-blue.svg);background-position: center center;background-size: auto 0.12rem;background-repeat: no-repeat;transition: 0.2s all;cursor: pointer;} .r_nav_start .eject:hover{background-color: #2b51ac;background-image: url(../img/left.svg);} /*.r_nav:hover .r_nav_list{ transform: translate(0,-50%); } .r_nav:hover .r_nav_start{ opacity: 0; visibility: hidden; transform: translateX(50%); }*/